制作有趣的星座查询器Flash教程

日期：2007年12月20日作者：查看:[大字体中字体小字体]

本文由中国教程网江舟一叶原创，转载请保留此信息！

来这里有一段时间了,为了答谢这里的朋友们对我的关爱,特发一个星座查询器教程,朋友们可以查一查自己的运气如何

效果演示：（附.swf文件）

教程

在家没有事，做了一个小玩意，开开心，可不是封建迷信呀，下面我就把做法写下来，呵呵

1．新建 FLASH 文档，打开属性面板，设置文档宽 400高 250 其它默认。

2．在时间轴上新建四个图层，我们将这五个图层自上而下分别命名 “语句” 、 “选择框” 、 “文字” 、 “星座” 、 “背景” 。

图1

3．新建一个影片剪辑元件取名为“背景”做一个渐变色的背景，大小为 400×250。回到场景，把这个背景剪拖到背景图层的第一帧，在第13帧加一个普通帧。

4．分别在“文字”“星座”层的第二帧~第十三帧插入关键帧，在文字层第一帧输入“请选择你的生日范围”文字，第二~第十三帧输入“魔羯座”“水瓶座”“双鱼座”“白羊座”“金牛座”“双子座”“巨蟹座”“狮子座”“处女座”“天秤座”“天蝎座”“射手座” 。在星座图层分别对应上面的星座插入 12 星座图片。

5．应注意各个星座之间的先后顺序。如果有举趣，还可以为每个星座加上一些说明和趣味性的文字。都完成后将“文字”“星座”层锁定。

6．选择菜单栏的“窗口——开发面板——组件”命令，打开 FLASH 的组件面板，将其中User Interface下的 ComboBox 和 Button各拖一个至“选择框”层的第一帧，并用变形工具调整大小。

图2

7．用箭头工具选中其中的 ComboBox 组件，打开对齐面板水平中齐。

8．保持 ComboBox 组件的选中状态，打开“属性”面板，可以看到有属性和参数选项，我们在属性选项的“实例名称”文本框中输入对象名称“xuanze” 。

9．选中参数选项卡中的 labels 选项，在打开的值对话框中通过加号按钮添加各个选项的显示状态，输入各个星座对应的生日范围

图3

10．此时可以看见舞台上的 ComboBox 组件发生了变化，测试动画时已经列出了刚才输入的各个值，同时显示五项，其余项可以通过滑动条显示
11．退出测试动画状态，选中 ComboBox 组件，在属性面板的参数选项卡中双击 “data”选项，然后在打开的“值”面板中输入每个 labels 选项在动画内部真正对应的数值，如图所示。

图4

最终属性面板如下：

图5

12．选中舞台上的 Button 组件，打开属性面板，将 Button 值改为“提交”然后在实例名称中输入“tijiao”做为该组件的名称

图6

13．此时可看到舞台上的 Button组件上的文字显示不是原来的“Button”而变成了“提交” 。在选择框层的第二帧插入一个关键帧，删除舞台上的二个组件，再从“组件”面板中拖一个 Button 至舞台上，同样的方法，将实例名称命名为“fanhui” ，label 选项值改为“返回” ，属性面板如下：

图7

14．在时间轴选项层的第十三帧按 F5插入帧，使返回 Button组件出现在每一个星座的画面上，然后将该层锁定。

15．选中语句层的第一帧，打开动作面板输入如下代码。

stop(); //停在第 1 帧等待用户选择
_root.tijiao.onRelease = function() { //如果点击并释放“提交”按钮
x = _root.xuanze.getValue(); //将选择框的 data值赋给变量 x
_root.gotoAndStop(x+1); //时间轴跳转到第 x+1 帧并停止
};

16．将语句层锁定， “ 选择框”解除锁定。选中第二帧的返回 Button组件，打开动作面板，输入如下语句代码。

on(click){ //单点击时
_root.gotoAndStop(1); //时间轴回到第 1帧并停止
}

17．锁定所有图层，时间轴窗口如下图所示。可以看到最上面的语句层中只有一个带脚本的空白关键帧。

图8

18．保存并测试动画，可以看到下拉菜单中选择生日提交后，可获得该生日对应的星座，单击“返回”按钮可退回继续选择。OK 完成了。

第一次写教材，有许多不懂的地方，请朋友们多多包函

（出处：急速软件下载学院）

制作有趣的星座查询器Flash教程相关文章：
·学习CSS制作网页的多个经验技巧
·Fireworks教程液体金属表面特效制作
·Fireworks教程:立体质感水晶的制作过程
·个性圣诞节贺卡制作网站推荐
·非主流ps教程:制作红绿色调效果
·多个CSS样式表争夺特定选择符的控制权
·学习CSS制作网页总结的一些经验技巧
·纯CSS制作的新闻网站中的文章列表
·Illustrator绘制精美三维图表实例
·Photoshop初学者轻松制作条形码
制作有趣的星座查询器Flash教程相关软件
·天狼星语音控制QQ幻想
·天狼星语音控制魔兽
·天狼星语音控制大话西游
·《反恐精英》著名的贴图包制作工具下载
·《冰封王座》：暴雪体育地图制作比赛前三名地图
·团队制作：官场现形记《傅二棒槌》
·中国第一颗原子弹制造纪实：596秘史
·PSP自制系统IRSHELL最新3.62版
·潘多拉神奇电池记忆棒制作必要程序
·原创推理悬疑巨制《面具馆》

上一篇:Photoshop图像合成教程:艺术化普通照片

下一篇:制作有趣的星座查询器Flash教程

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

制作有趣的星座查询器Flash教程

精品推荐

热点TOP10

特别推荐