RookieEditor的皮肤控制都是通过 SkinConfig.xml 来配置的。

所以我们要自定义皮肤那么就得在 SkinConfig.xml 中添加你所需要的组件皮肤。当然这些皮肤 你都得先将他们生成ATF纹理。

让我们一步一步开始吧。

第一步：首先我们新建一个texturepacker文件，我这里建立了一个Example.tps，添加了一个imagebutton  的纹理。

第二步：将纹理 XML文件输出路径、png文件输出路径修改为界面编辑器项目系统设置中，场景纹理路径下的UISource 文件夹内，保存导出纹理，只有这样。编辑器才能加载到这个纹理。

第三步：打开项目系统设置的第三条路径中的SceneSource.xml,我们需要将纹理添加到场景纹理集合中。这样编辑器才会加载这个纹理集

第四步：打开项目系统设置的第四条路径中的SkinConfig.xml,配置一个ImageButton 的纹理配置

skin：皮肤名称

upSkin：按钮弹起时状态

downSkin：按钮按下时状态

disabledSkin：按钮不接受交互时显示状态

skinParent：纹理所属集合名称

注意：这些字段（zhucezhanghao_up、zhucezhanghao_down）的值都是从 Example.xml 纹理集里面取出来的。 切记！否则你找不到这个纹理。

这一切都做好过后 直接运行编辑器吧。 在舞台上添加一个imagebutton，在属性面板 双击 skin 列：

你就会看到你添加的皮肤啦。

按照步骤来，路径不要弄错。你就能看见你所添加的皮肤啦。希望你成功。

其他的需要配置皮肤的组件都可以根据SkinConfig.xml的配置文件 自己再配置一个新的。就可以添加新的皮肤啦。