当前位置: 主页 > 平面设计 > Flash另类效果之透明按钮设计

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

  • 2022-04-01
  • 来源/作者: 不详    / 佚名    
  • 4 次浏览

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

效果预览图:

效果图

相关下载:

  源文件下载:点击这里下载(18.3K, zip压缩文件)

设计步骤:=版权所有  软件 下载  学院  版权所有=

  1.打开Flash MX 2004,如图1所示新建一个Flash文档。按快捷键Ctrl+F3打开“属性”面板,单击“文档属性”按钮打开“文档属性”面板(快捷键Ctrl+J),设置场景大小为200px x 120px,背景色为白色色,帧频为12fps。如图2所示。

 

图1,图2

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

图3

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);

  另外,读者可以自行设定按钮的透明度,使其一击则暗,再击则明。总之掌握_alpha等属性的使用方法后,灵活的把透明按钮(或是透明元件)运用在自己的作品中,定会有意想不到的效果的