本页面由 Flash 保存计划 从 Internet Archive 存档还原 · 快照 2005-12-26 · 原址 http://flash8.net/teach/3883.htm ← Flash 保存计划

如何制作单选框?

作者:闪吧   类型:原创   来源:闪吧

  

如何制作单选框?
解决思路
本例一共分两个部分,其一是单选框的制作,其二是主按钮的制作。在单选框的AS中使用了一个变量w,他的作用是为了主按钮识别操作者单击了哪个项目,并跳转到对应的网站。
具体步骤
1、运行Flash MX 2004。文档属性默认。
2、新建一个影片剪辑,命名为“单选框”。在第1帧绘制一个圆环。并在此帧添加AS:stop();,目的是使动画停留在第1帧显示。如图3.3.11所示。


图3.3.11     绘制第1帧
1、  按键盘上面的F6在第2帧插入一个相同内容的关键帧,绘制一个实心的圆。如图3.3.12所示。


图3.3.12  绘制第2帧
2、  返回到场景1,单击静态文本键入几个文本。“您想到哪里呢?”,“闪吧”,“IT图书网”,“清华大学出版社”,“GO NOW”。并进行适当的排列。如图3.3.13所示。


图3.3.13    输入静态文本
3、  把影片剪辑“单选框”从库中拖放在三个地址的前方。在下面的属性面板中分别给这三个影片剪辑命名实例名成为a1,a2和a3。如图3.3.14所示。


图3.3.14   命名影片剪辑的实例名
4、  选中“GO NOW”,单击右键菜单的【转化为元件】命令,把它转化为按钮元件。并双击进入该按钮编辑区,在第4帧绘制一个与文字等大的矩形,作为该按钮的反应区。如图3.3.15所示。


图3.3.15   制作主按钮
5、  返回场景1,新建一个按钮元件,在这个按钮元件的编辑区里面的第4帧绘制一个与影片剪辑“单选框”等大的矩形。如图3.3.16所示。


图3.3.16   绘制影片剪辑上面的按钮2
6、  把上一步骤中绘制的按钮2分三次托放到场景中,放置在三个影片剪辑的上方。如图3.3.17所示。


图3.3.17    按钮2的分布
7、  选中影片剪辑a1上面的隐性按钮,打开as面板,添加as语句:
on (release) {
 w = 1;
 _root.a1.gotoAndStop(2);
 _root.a2.gotoAndStop(1);
 _root.a3.gotoAndStop(1);
}  
\\     点击按钮时影片剪辑a1的播放停止在第2帧上,就是被选择的状态。其他的影片剪辑停止在未选择的状态。
8、 同样的道理,我们选中下面的两个按钮,分别添加as语句:
第2个透明按钮上写代码:
on (release) {
 w = 2;
_root. a2.gotoAndStop(2);
_root. a1.gotoAndStop(1);
_root.a3.gotoAndStop(1);
}
在第3个透明按钮上写下代码:
on (release) {
 w = 3;
_root .a3.gotoAndStop(2);
_root.a2.gotoAndStop(1);
_root . a1.gotoAndStop(1);
}
9、  上面语句中的变量w起到什么作用呢?好了,我们来进行主按钮“GO NOW”的AS设置。完成以后,你就会明白为什么要添加一个变量了。
10、              选中场景中的“GO NOW”按钮,添加AS;
on (release) {
 if (w==1) {
  getURL("http://www.flash8.net";, _blank);
 }
 if (w==2) {
  getURL("http://www.itbook.net/ ";,_blank);
    }
 if(w==3) {
  getURL("http://www.tup.tsinghua.edu.cn";,_blank);
 }
}
\\ 当点击这个按钮时,如果变量w的值等于1。就说明读者选择的是第一个选择框,也就是闪吧网站,因此单击此按钮时跳转到闪吧的网页。依此类推。
13,保存,测试。请参看源文件“如何制作单选框?”。
专家指点:
在实现这效果的时候,我们采用了在主按钮上的一个条件语句if来判断所单击的地址,实现跳转功能。变量w起到了识别作用。

   责任编辑:kissall    时间:2005年8月29日