2.5.4 行为:擦玻璃
想要了解更多Mugeda功能?>>>猛戳我,学习更多教程
本节视频教程请点击此处。
在“控件”工具栏下找到“擦玻璃”按钮,点击选中,在“舞台”上以拖拉的方式生成一个擦玻璃控件
图2.4-28
选中“舞台”上的擦玻璃控件,在其“属性”面板下可设置其各种属性,例如为其命名,改变背景图片(擦除后的图片)、前景图片(擦除前的图片)等。如下图,点击“背景图片”右边的“+”符号
图2.4-29
在弹出的“媒体库”对话框中选择一张图片素材。点击“添加”。
图2.4-30
同理,添加好前景图片
图2.4-31
点击“预览”,发现擦除了前景图片后,背景图片即出现。
图2.4-32
另外,我们还可以设置橡皮擦大小和剩余比例(即:擦除图片的大小和擦出剩余多少显示背景图片)
擦玻璃控件特有的触发条件:如下图,点击“舞台”上擦玻璃控件的“添加/编辑行为”按钮
图2.4-33
在弹出的“编辑行为”对话框下选择“下一页”,点击“触发条件”的下拉菜单,选择触发条件为:“擦玻璃完成”。
图2.4-34
点击添加新页面,点击预览观察效果,发现当我们将玻璃擦完后,自动跳转至下一页
图2.4-35
恢复擦玻璃初始状态:我们还可以通过选中元素,点击“添加/编辑行为”按钮——“动画播放控制”来设置,如下图:
本节视频教程请点击此处。
在“控件”工具栏下找到“擦玻璃”按钮,点击选中,在“舞台”上以拖拉的方式生成一个擦玻璃控件
图2.4-28
选中“舞台”上的擦玻璃控件,在其“属性”面板下可设置其各种属性,例如为其命名,改变背景图片(擦除后的图片)、前景图片(擦除前的图片)等。如下图,点击“背景图片”右边的“+”符号
图2.4-29
在弹出的“媒体库”对话框中选择一张图片素材。点击“添加”。
图2.4-30
同理,添加好前景图片
图2.4-31
点击“预览”,发现擦除了前景图片后,背景图片即出现。
图2.4-32
另外,我们还可以设置橡皮擦大小和剩余比例(即:擦除图片的大小和擦出剩余多少显示背景图片)
擦玻璃控件特有的触发条件:如下图,点击“舞台”上擦玻璃控件的“添加/编辑行为”按钮
图2.4-33
在弹出的“编辑行为”对话框下选择“下一页”,点击“触发条件”的下拉菜单,选择触发条件为:“擦玻璃完成”。
图2.4-34
点击添加新页面,点击预览观察效果,发现当我们将玻璃擦完后,自动跳转至下一页
图2.4-35
恢复擦玻璃初始状态:我们还可以通过选中元素,点击“添加/编辑行为”按钮——“动画播放控制”来设置,如下图: