2016 - 2024

感恩一路有你

实例:通过按钮控制图片大小和深浅

浏览量:2614 时间:2024-01-30 22:37:40 作者:采采

在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。

通过以上的步骤,我们实现了通过按钮来控制图片的大小和深浅。你可以根据自己的需求进行进一步的修改和扩展。

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。