Flash另类效果之透明按钮设计

作者佚名技术来源服务器技术浏览发布时间 2012-07-10

本例主要给大家介绍一种另类、实用的钮——透明按钮。通过对本文的学习，读者不仅能掌握两种实用按钮的制作方法，还能学习一些简单的Actions，可谓一举多得。
效果预览图：

效果图设计步骤： 1．打开Flash MX 2004，如图1所示新建一个Flash文档。按快捷键Ctrl+F3打开“属性”面板，单击“文档属性”按钮打开“文档属性”面板（快捷键Ctrl+J），设置场景大小为200px x 120px，背景色为白色色，帧频为12fps。如图2所示。

图1 2．单击【窗口】→【其他面板】→【公共库】中的Buttons命令，打开“按钮”库。如图3所示从“Arcade buttons”文件夹中把按钮arcade button - orange拖入到“场景1”中。

图2

3．点选场景中的“按钮”，按快捷键F9打开“动作”面板，输入以下代码：
// 当鼠标按下按钮再松开时执行语句 on (release) { // 让按钮透明度属性值自减10，得到一个新的透明值 this._alpha -= 10; // 当变量小于零时，即按钮不可见时，把按钮的透明值重设为100 if (this._alpha<0) { this._alpha = 100; } } 代码中的_alpha属性为影片透明度属性，其值在0-100之间。当一个影片剪辑的alpha值为0时，该影片剪辑完全透明；如alpha值为100时，该影片剪辑完全可见。

代码中，if语句的作用是：如果影片实例完全透明，则重设透明度值为100，让按钮完全可见。在脚本执行时，this引用包含该脚本的影片剪辑实例；在调用某个对象的方法时，this包含对所调用方法的对象的引用；在按钮的on事件中，this引用包含该按钮的时间轴；在影片剪辑的onClipEvent事件中，this引用该影片剪辑自身的时间轴。

引申一下，在一些游戏的设计中，设计者需要让游戏中某个元件（包括按钮）在触发后即消失，那又该怎么做呢？可以通过隐藏或是删除的方法。

// _visible属性决定了影片是否可见，影片不可见时会被禁用 this._visible = 0; // 该语句用来删除通过MovieClip对象的attachMovie或duplicateMovieClip方法或是通过控制语句duplicateMovieClip创建的影片剪辑实例 removeMovieClip(target);

图3

另外，读者可以自行设定按钮的透明度，使其一击则暗，再击则明。总之掌握_alpha等属性的使用方法后，灵活的把透明按钮（或是透明元件）运用在自己的作品中，定会有意想不到的效果的。　　效果源件下载(17.1K) 　　点击下页预览该效果 ? [1]?[2]?下一页??

上一页??[1]?[2]? 关键词：另类

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

分享到：更多

你可能对下面的文章感兴趣

上一篇: Flash 中的鼠标绘画技巧（上）下一篇: Flash视觉效果之闪烁的星辰

关于Flash另类效果之透明按钮设计的所有评论

随机推荐