应用思考-教育技术论坛

标题: 实例教程：制作一个开关按钮 [打印本页]
作者: etthink    时间: 2009-4-24 05:45
标题: 实例教程：制作一个开关按钮
第一发布在：http://www.eportfolios.cn/node/228

开关按钮原理：

1 开关按钮有两个状态，一个是开，一个是关，所以可以使用一个两值变量（布尔）来控制其显示状态
2 单击时状态必须改变

制作过程：

1 新建立一个ActionScript3文件
2 插入一个影片剪辑与一个按钮元件，影片剪辑有两帧：
第一帧是开状态，把按钮放进来，并起名on_btn;
第二帧是off状态，不需要使用按钮元件
3 在影片剪辑第一帧写上代码：stop();
4把影片剪辑放到舞台，并起名为onoff_mc
5新建as层，并在第一帧填加代码。

代码如下：
  1. //定义一个布尔变量，用来控制开关状态，为真是则是开的，假时是关的
  2. var isHint:Boolean = true;
  3. //定义一个事件处理函数f1
  4. //指定响应事件类型为鼠标事件
  5. //事件处理函数返回数据类型为void
  6. function f1(event:MouseEvent):void{
  7. //如果isHint是true则onoff_mc跳转到第二帧
  8. //否则回到第一帧
  9.         if (isHint) {
  10.                 onoff_mc.gotoAndStop(2);
  11.         } else {
  12.                 onoff_mc.gotoAndStop(1);
  13.         }
  14.         //变换开关状态 ！是求反运算即真的变假的，假的变真的
  15.         isHint = !isHint;
  16.    
  17.     }
  18. //注意事件侦听格式 addEventListener
  19. //对象名称.addEventListener（事件类型，事件处理函数）
  20. //注意事件处理函数，名称自定义的，但要注意事件处理函数必须指定响应事件类型
  21. //即带有event参数，另外其也有数据类型:void
  22. //MouseEvent.CLICK 为鼠标单击事件
  23. onoff_mc.on_btn.addEventListener(MouseEvent.CLICK,f1);
复制代码


原文件下载见附件。（必须使用flash cs3以上版本，才可以打开，后面不再提示说明）

另外也附上AS2格式代码，制作过程相同。

  1. //定义一个布尔变量，用来控制开关状态，为真是则是开的，假时是关的
  2. var isHint:Boolean = true;
  3. //格式:对象名称.事件名称 ＝ fonction(){执行语句}
  4. onoff_mc.on_btn.onPress = function() {
  5. //如果isHint是true则onoff_mc跳转到第二帧
  6. //否则回到第一帧
  7.         if (isHint) {
  8.                 onoff_mc.gotoAndStop(2);
  9.         } else {
  10.                 onoff_mc.gotoAndStop(1);
  11.         }
  12.         //变换开关状态
  13.         isHint = !isHint;
  14. };
复制代码

(, 下载次数: 35)

(, 下载次数: 42)
作者: 铁血    时间: 2009-5-8 13:03
as3格式与as2没什么区别！as3重要的思想一切皆对象！



欢迎光临 应用思考-教育技术论坛 (http://www.etthink.com/) Powered by Discuz! X3.4