实例:通过按钮控制图片大小和深浅
在Flash中,我们可以通过按钮来进行各种控制操作。本文将通过一个简单的实例,展示如何通过点击按钮来实现图片的放大、缩小以及深浅的改变。
步骤一:导入并对齐图片
1. 在舞台中导入一张图片,并选择“垂直居中分布”和“水平居中分布”选项,让图片与舞台对齐。建议舞台大小与图片大小一致。
2. 将图片右键点击,选择“转换为元件”并命名为“图片”。
步骤二:导入并对齐边框
1. 新建一个图层,命名为“边框”,并导入边框图片。
2. 在对齐面板中选择“匹配宽度”和“匹配高度”,使边框与舞台大小一致。然后,再次使用“垂直居中分布”和“水平居中分布”选项,将边框与舞台对齐。
步骤三:设置图片实例属性
1. 选中舞台上的图片实例,打开属性面板。
2. 在实例名中写入:“图片”。
步骤四:添加按钮
1. 新建一个图层,命名为“按钮”。
2. 打开窗口菜单,选择“公用库”,找到并选择你喜欢的按钮样式,并将其放置在边框底部。
步骤五:编辑按钮元件
1. 双击按钮,进入元件编辑页面。
2. 解锁“text”图层,点击按钮上的文字,将其改为“大”。
3. 在库面板中,选中按钮元件,右键点击并选择“直接复制”,复制出三个相同的按钮。
步骤六:调整按钮位置
将复制出的三个按钮分别拖入边框底部,并将它们的文本内容依次更改为:“小”、“深”和“浅”。
步骤七:添加按钮脚本
1. 选中“大”按钮,在动作面板中输入以下脚本:
on (release) {
图片._xscale 10;
图片._yscale 10;
}
这段脚本表示当鼠标按下“大”按钮时,图片的横向和纵向比例都增加10。
2. 类似地,对于按钮“小”的脚本,你应该已经知道怎么写了吧。
步骤八:操作深浅按钮
对于“深”和“浅”按钮,我们需要改变图片的透明度。
1. 在深浅按钮的脚本中,将原来“大”按钮的脚本中的缩放比例部分改为“alpha”,如下所示:
on (release) {
图片._alpha - 10;
}
这段脚本表示当鼠标按下“深”或“浅”按钮时,图片的透明度减少10。
通过以上的步骤,我们实现了通过按钮来控制图片的大小和深浅。你可以根据自己的需求进行进一步的修改和扩展。
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。