墨刀设计之组件

1：组件的显隐

例如：我有一个按钮，点击显示一个组件；并点击组件里按钮进行隐藏

a)：下面我们在图片的左下角元素一栏，按着ctrl键，选择添加框的所有元素，然后右键选择组合，

b)：如下图为组合后的效果图。然后我们再右键它，让他转换为动态组件

---

下图是转为动态组件后的一个效果图，注意看组件状态框，这里默认显示为状态2

重点来了！！！

这里默认状态2，
a)：双击选中添加框里的取消或者确认按钮，然后选择左上角外观旁边的事件一栏（不是全局事件，如果显示全局事件就点击一下左下角的指定元素，让全局事件变为事件，这样才会有效果）
b)：事件默认为单击，如果有其他的可以进行更改
c)：行为 选择切换组件状态（因为把添加框转为动态组件了，这里选择组件里的添加事件，默认操作的是当前组件）
d)：最后一步选择状态，这里我们给他切换为状态1（如下图）

到这一步，说明已经完成一半了，下面我们开始后半段

我们切换到组件状态的 状态1，然后在元素一栏点击他的小眼睛，让他隐藏起来。
ps：因为预览效果时默认先显示状态1，我们也要默认隐藏，点击显示按钮后再给他显示出来（下图） 然后点击中间灰色的按钮，退出编辑

最后一步！！！
a)：我们选择点击显示的按钮给它添加时间
b)：事件默认点击
c)：行为就不用说了，切换动态组件的状态，就选择切换组件状态
d)：选择需要切换的组件，这里我们组合的添加框组件后，给其重命名为添加表单，直接选择这个就行
e)：在下面是组件状态，因为我们默认状态1是隐藏，所以我们这里选择状态2（如下图）

总结：
1：准备好需要的元素，使其显示组件的按钮元素；被显示的元素
2：将被显示的元素组合，重命名，然后转为动态组件
3：在组件状态编辑里，让状态2里的按钮添加事件，使其点击切换到状态1
4：状态1在元素一栏点击小眼睛，使其默认隐藏
5：使其显示组件的按钮元素添加事件，(用其改变动态组件的效果)，选择切换组件效果，选择状态2即可

结束！！！