# 更新 ## 2022-02-24 * 新增json文件转xml文件功能。 * 界面布局修改，新增功能切换页签。 ![截屏20220224 16.37.09.png](https://download.cocos.com/Cocos/CocosStore/markdown/2022/02/7a1d0778c7acca11495bf641303757d487771.png) * 示例 >原始json文件 ``` { "arrNum" : [0, 1, 2], "person" : { "-id" : 3422211999, "-city" : "shanghai", "name" : "panda-k", "age" : 12, "phone" : 123817263, "sex" : 1 } } ``` > 转换后的xml文件 > (普通键值会转换为标签，以“-”为前缀的键值会转换为属性，如"-id", "-city") ``` 0 1 2 panda-k 12 123817263 1 ``` # 功能本插件可以将xml格式文件，转换为json格式文件，并保存在本地。后续可支持xml和json互转。 # 使用方法 * 将xml2json压缩包解压到项目的packages文件夹，重启creator，就可在扩展中看到xml2json插件选项。 * 同时会自动在该项目根目录下创建jsonfiles文件夹，用来保存转换后的json文件。 * 先选择转换模式，然后选择要转换的文件，支持同时多个文件。 # 特色支持转换后的json数据改变或者不改变xml原有标签顺序。 * 通常的xml转json工具，会将xml中层级相同的同名标签全部合并到一个数组中，从而可能打乱原有的标签顺序。（**因为json格式不允许有相同的键值**） > 示例原xml文件 ``` <svg height="634.83795" width="899.23822"> </svg> ``` > 普通转换合并相同标签（如上所示，父'g'标签下有4个'path'子标签和一个'g'子标签，子'path'的位于子'g'前后。转换后，子'path'被合并，全部位于子'g'前面。这样就打乱了原xml标签顺序。） ``` { "svg": { "g": { "path": [{ "-d": "m233.95607 767.265z", "-fill": "#3f3d56" }, { "-d": "m278.15328 557.10042z", "-fill": "#3f3d56" }, { "-d": "m612.80682 237.55452z", "-fill": "#ffb6b6" }, { "-d": "m614.1523 262.87357z", "-fill": "#6c63ff" }], "g": { "path": [{ "-d": "m835.95607 767.26516z" }, { "-d": "m876.15328 560.10042z" }, { "-d": "m809.43281 393.92477z" }, { "-d": "m210.43281 384.92477z" }], "-fill": "#3f3d56" }, "-transform": "translate(-162.20689 -132.4272)" }, "-height": "634.83795", "-width": "899.23822" } } ``` * 本工具通过给键值添加索引数值来区分相同的xml标签，从而可以保持原有的标签顺序。在使用json的时候需稍做处理，将json数据的键值中的特定标签解析出来。类似： `let key = srcKey.split("-")[1]` > 保持原有标签顺序，不合并（所有标签转换后的键值都加上了前缀，保证键值不同。） ``` { "svg": { " 0-g": { " 0-path": { "-d": "m233.95607 767.265z", "-fill": "#3f3d56" }, " 1-path": { "-d": "m278.15328 557.10042z", "-fill": "#3f3d56" }, " 2-g": { " 0-path": { "-d": "m835.95607 767.26516z" }, " 1-path": { "-d": "m876.15328 560.10042z" }, " 2-path": { "-d": "m809.43281 393.92477z" }, " 3-path": { "-d": "m210.43281 384.92477z" }, "-fill": "#3f3d56" }, " 3-path": { "-d": "m612.80682 237.55452z", "-fill": "#ffb6b6" }, " 4-path": { "-d": "m614.1523 262.87357z", "-fill": "#6c63ff" }, "-transform": "translate(-162.20689 -132.4272)" }, "-height": "634.83795", "-width": "899.23822" } } ```