首页 > 网络安全 > 媒体动画

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

admin 媒体动画 2022-02-20 22:45:03 39 0 3D设计星座查询有趣制作教程 &rdquo 面板组件选项"

本文由中国教程网江舟一叶原创，转载请保留此信息！
来这里有一段时间了,为了答谢这里的朋友们对我的关爱,特发一个星座查询器教程,朋友们可以查一查自己的运气如何
效果演示：（附.swf文件）

教程
在家没有事，做了一个小玩意，开开心，可不是封建迷信呀，下面我就把做法写下来，呵呵
1．新建 FLASH 文档，打开属性面板，设置文档宽 400高 250 其它默认。
2．在时间轴上新建四个图层，我们将这五个图层自上而下分别命名 “语句” 、 “选择框” 、 “文字” 、 “星座” 、 “背景” 。

Flash教程:制作有趣的星座查询器_潘少俊衡jb51.net转载
图1
3．新建一个影片剪辑元件取名为“背景”做一个渐变色的背景，大小为 400×250。回到场景，把这个背景剪拖到背景图层的第一帧，在第13帧加一个普通帧。
4．分别在“文字”“星座”层的第二帧~第十三帧插入关键帧，在文字层第一帧输入“请选择你的生日范围”文字，第二~第十三帧输入“魔羯座”“水瓶座”“双鱼座”“白羊座”“金牛座”“双子座”“巨蟹座”“狮子座”“处女座”“天秤座”“天蝎座”“射手座” 。在星座图层分别对应上面的星座插入 12 星座图片。
5．应注意各个星座之间的先后顺序。如果有举趣，还可以为每个星座加上一些说明和趣味性的文字。都完成后将“文字”“星座”层锁定。
6．选择菜单栏的“窗口——开发面板——组件”命令，打开 FLASH 的组件面板，将其中User Interface下的 ComboBox 和 Button各拖一个至“选择框”层的第一帧，并用变形工具调整大小。

Flash教程:制作有趣的星座查询器_潘少俊衡jb51.net转载
图2

7．用箭头工具选中其中的 ComboBox 组件，打开对齐面板水平中齐。
8．保持 ComboBox 组件的选中状态，打开“属性”面板，可以看到有属性和参数选项，我们在属性选项的“实例名称”文本框中输入对象名称“xuanze” 。
9．选中参数选项卡中的 labels 选项，在打开的值对话框中通过加号按钮添加各个选项的显示状态，输入各个星座对应的生日范围

Flash教程:制作有趣的星座查询器_潘少俊衡jb51.net转载
图3
10．此时可以看见舞台上的 ComboBox 组件发生了变化，测试动画时已经列出了刚才输入的各个值，同时显示五项，其余项可以通过滑动条显示
11．退出测试动画状态，选中 ComboBox 组件，在属性面板的参数选项卡中双击 “data”选项，然后在打开的“值”面板中输入每个 labels 选项在动画内部真正对应的数值，如图所示。

Flash教程:制作有趣的星座查询器_潘少俊衡jb51.net转载
图4
最终属性面板如下：

Flash教程:制作有趣的星座查询器_潘少俊衡jb51.net转载
图5
12．选中舞台上的 Button 组件，打开属性面板，将 Button 值改为“提交”然后在实例名称中输入“tijiao”做为该组件的名称

Flash教程:制作有趣的星座查询器_潘少俊衡jb51.net转载
图6

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

Flash教程:制作有趣的星座查询器_潘少俊衡jb51.net转载
图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．锁定所有图层，时间轴窗口如下图所示。可以看到最上面的语句层中只有一个带脚本的空白关键帧。

Flash教程:制作有趣的星座查询器_潘少俊衡jb51.net转载
图8
18．保存并测试动画，可以看到下拉菜单中选择生日提交后，可获得该生日对应的星座，单击“返回”按钮可退回继续选择。OK 完成了。
第一次写教材，有许多不懂的地方，请朋友们多多包函

版权声明

本文仅代表作者观点，不代表本站立场。
本文系作者授权发表，未经许可，不得转载。
本文地址：/3Dsheji/170541.html

上一篇 : Flash教程:制作天空中流星划过特效

下一篇 : 下雪效果,Flash初级入门教程

留言与评论（共有 0 条评论）

QR Code

潘少俊衡

| 桂ICP备2023010378号-4

Powered By EmpireCMS

桂ICP备2023010378号-4

桂公网备 45012202000125号

使用手机软件扫描微信二维码

关注我们可获取更多热点资讯

感谢潘少俊衡友情技术支持