原文:零元学Expression Blend 4 - Chapter 18 用实例了解互动控制项「CheckBox」II
延续上一章的CheckBox教学，本章将以实作继续延伸更灵活的运用CheckBox。
看Blend如何把CheckBox变成飞碟!
?
延续上一章的CheckBox教学，本章将以实作继续延伸更灵活的运用CheckBox。
看Blend如何把CheckBox变成飞碟!
?
?
?
灵感取自经典动画!「怪兽大战外星人」!!!!!!
?
?
?
本章需要两张图片，一为幽浮、另一个是怪兽毛毛虫
(是的!它就是「怪兽大战外星人」里的毛毛虫怪，实在太可爱了>"<)
如果你手边没有类似的图片，又想跟着一步一步做的话，小猴子已经帮你准备好噜!!
请点此下载
?
01 置入Import Adobe Photoshop File
首先，请把小猴子已经帮你准备好的Photoshop档案置入Blend里面
该怎麽置入，先前已经有教过噜!
?
02 转换成控制项
接着，请把幽浮转换成控制项->CheckBox
右键Make Into Control->CheckBox(上一章有详细教学噜!)
?
转换完成後，请记得删除不需要用到的Content Presenter
?
03 制作幽浮光线
预先做好Checked状态时变化的光线
使用Pen绕着原本的光线，绘出一样的区域，并且调整Fill(忘记Pen吗?点我复习)
范例Fill颜色为：
0%???? #33FFF500?????? Alpha 20%
100% #A5FFFFFF?????? Alpha 65%
?
请记得在Normal时的Opacity调为 0%
?
04 Checked时的状态
Checked时光线亮起，所以在时间轴设定1秒时Opacity100%
?
05 回到一般编辑模式
离开样版编辑模式後，我们来设计怪兽毛虫的动画
这边请发挥您的创造力~
动画设计完成後，请置入ControlStoryboardAction->Trigger
记得这边最重要是EventName别设置错喔!
?
因为是配合CheckBox，触发条件就非MouseLeftButtonDown噜!而是选择Checked，才能配合刚刚我们所设置的CheckBox样版。
?
?
本篇范例的图片仅供教学之用，若有侵权请告知。
?
?
?
本篇的教学就到此。
?
?
?
(若有任何错误的地方，请各位前辈或同好能不吝指教，小女子都会虚心接受；若是你喜欢我的教学，请给我点鼓励，谢谢。)
?
?
一步一步迈向HIE之路
喜欢我文章请推我一下或给我个回应，你的鼓励会给我无限的动力喔!
若是您有其他问题或是特别需要，请在文章回应处留言，我会尽快回覆您