前言
换装系统可以让角色穿上不同的装扮，保持新鲜感。同样也让作品玩法更加丰富。在制作换装系统时，除了前期需要专门准备素材外，在制作的过程中也需要细心的设置，才可以制作出一个完整的换装系统哦。

教程开始
视频版

图文版
1. 准备素材，这里的换装系统背景尺寸为960*540，左侧放角色模特容器，右侧放衣柜容器。角色模特背景和角色装扮背景（并不是全黑的）都是带有透明图层的。
在输出换装素材时，注意这些尺寸都是xxx*540，带有透明图层的。可以直接叠加到角色模特上组成完整角色立绘。



分别导入到我的素材——背景和道具中。

2. 新增高级界面


替换背景，修改清楚容器名。组件库里的组件都要命名清楚，后续会有很多组件，命名清楚才方便查找。


点击添加组件，新建一个角色模特容器。（这里一定要以这种方式添加组件，我们是为了添加一个独立的容器，在剧情中才可以单独调用）



双击组件库换装容器，把角色模特容器拖动到最左侧。


3. 设置初始数值。


添加3个购买数值。为了避免打开换装系统时，角色光秃秃的，我们设置一个默认的服饰、发型、配饰状态，初始值都为1。


4. 添加组件。
1）先添加3个衣柜切换按钮。


2）在换装系统容器中，添加3个衣柜容器。




3）分别编辑每个衣柜容器里的按钮样式。这里我们以服饰容器为例，另外两个同理。
双击服饰容器，添加4个按钮并替换对应样式。



这里有个细节，服饰容器的4个按钮摆放好位置后，把4个按钮的坐标都记录下来。等制作发型和配饰容器的按钮时，用这个坐标来摆放按钮位置。这样3个衣柜容器里的按钮位置才会保证在同一位置。





4）双击换装系统容器，最后把角色的换装素材，作为图片分别导入。


导入后的图片，应该可以直接组成一个完整的立绘的程度。看完效果后，先关闭角色模特容器上的换装素材。


5. 我们把服饰容器，放到一个合适的位置，并记录下此时的坐标[427,126]后续有用。


6. 接下来开始设置按钮内部事件，我们先设置服饰、发型、配饰三个按钮。以服饰按钮为例。
1）双击服饰按钮，添加鼠标点击时的事件。


2）设置关闭服饰、发型、配饰容器后，再打开服饰容器。服饰容器的位置坐标之前有记录过，这里就可以直接填写。


3）发型容器和配饰容器也是像上面这两步这样配置，关闭三个容器，打开发型或配饰容器。这里不做详细演示。

7. 接着开始配置衣柜容器里的按钮。
1）双击服饰容器，双击服饰-常服衣按钮，添加鼠标点击时的事件。


2）添加数值操作和重新载入角色模特容器事件。


这里数值操作的意思是，点击服饰-常服衣按钮后，角色就会赋予服饰状态1（即穿着常服的状态）。

确定——返回上一级，接着编辑服饰-春节衣按钮。

3）服饰-春节衣也是做同样的设置。设置服饰-春节衣的鼠标点击时的事件。




服饰-圣诞衣和服饰-万圣衣的按钮也是一样，唯一区别就是数值操作里的服饰状态变成了=3、=4。这里就不再展开细说，你准备添加几件衣服就用几个数字代表下去即可。

4） 发型容器、配饰容器里的按钮和服饰容器里的按钮基本也是一样的。不一样的地方如下图所示，操作对象变成了发型状态。


当制作配饰容器时，按钮的数值操作就变为对配饰状态进行操作。这两个衣柜容器请参考上方步骤自行配置。


8. 最后来设置角色模特容器，最终组合成为一个可以换装的立绘。
1）双击角色模特容器，新建一个容器


2）双击打开这个新建的容器，替换角色装扮背景，修改容器名。


3）设置角色衣服容器的载入事件，当服饰状态=1时，打开常服衣。



当服饰状态=2时，打开春节衣。圣诞衣和万圣衣同理，只要设置打开条件为服饰状态=3、=4即可。



打开几件衣服，我们就添加几个动作。这样角色衣服容器就设置完毕。


4）角色头发容器和角色配饰容器，请参考上方角色衣服容器的设置。区别在于载入触发的条件和打开不同的组件，其他都是一样的。


5）双击角色模特容器，调整下包含组件的层级。配置正确顺序，立绘换装才能显示正常。


9. 双击换装系统容器，添加一个关闭返回按钮，设置如下。


10. 设置完毕后，我们在高级界面会得到如下两个容器。


设置下剧情


测试下效果