4.《植物大战僵尸》设置植物卡片模板、冷却状态

众所周知，植物大战僵尸里的植物一般都会有冷却状态的，所以我们这期以向日葵为例制作游戏里植物冷却等三种状态。

1.规范关系层级

不仅是要规范创建文件夹，设置好子父级关系对游戏开发很重要。

接上期，我们在Canvas创建个空对象（GameObject）命名为CardListUI，然后将CardListBg（卡片背景）拖进CardListUI中，然后再创建一个空对象（CardTemplate）用来管理向日葵。

2.创建向日葵模板

在CardTemplate下创建一个Image，命名为CardLight，然后在Images文件夹里找到菊花，将其拖到Source Image里，点击Set Native Size。效果如下图所示

3.创建不可选状态的向日葵

在阳光缺乏的情况下，植物卡片会处在灰色状态

直接 Ctrl+D一 下刚才创建的向日葵，选择不可选（灰色）状态的向日葵，步骤可参考上一步，效果如下

4.创建冷却状态的向日葵

这一步步骤有点多，我们先参考上一步再复制粘贴一个向日葵，命名为GrayMask

接下来我们要设置一下Image里的参数，首先点开Color，设置一下图片的透明度

具体的其它设置参考下图

这样做的目的是为了后面通过使用脚本控制 Fill Amount 的参数来实现植物的一个冷却状态，可以手动调整Fill Amount的参数，观察这个冷却状态到底是什么样的。

总结：通过不同的image分别设置植物不同的的状态，对Image组件里的参数感兴趣牲口可以自行去unity的官方文档了解一下。我们下期就开始进行脚本编辑。