Flash MX组件运用实例
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-14
|
Flash MX中新增了Components UI（UI组件）功能。有了组件的帮助，就可以设计出更复杂、更强大的程序。譬如可以设计一些窗体，用来登记用户的地址、电话、电子邮件地址以及其它个人信息，并在提交到服务器前验证这些数据。或是建立一个多问题、多部分的调查，迅速计算结果并画出调查结果数据图表。或是建立个人像册，存放图像和缩略图。或是创建基于幻灯片的演示文稿的模板。 Flash MX中只内置了7个简单的UI组件：CheckBox（复选框）、ComboBox（组合框）、ListBox（列表框）、PushButton（普通按钮）、RadioButton（单选按钮）、ScrollBar（文本滚动条），ScrollPane（滚动窗口）。 注册窗口效果预览： 图 1 效果简介： 本例是一个组件的综合实例，是使用组件制作一个注册窗口。其作用就是登记用户的姓名、性别、地址、电话、兴趣、电子邮件、对网站的建议及其它个人信息。并在提交到服务器对用户输入的这些数据进行验证。 重点提示： 文章中将讲解到组件的功能、使用方法以及技巧以及如何使用这些组件创建应用程序。通过这篇文章，读者可以学会如何使用组件，以及可以使用组件来为我们做些什么等等。 文章末尾提供fla源文件下载。 制作步骤： 设置场景的大小为550px×300px，背景色为白色，帧频为20fps。 1．如效果图1所示设置第1帧的场景。按快捷键Ctrl+F7打开"组件"面板。然后拖拽两个"普通"按钮组件到第1帧的场景中。如图2所示。  图 2
2．再从"组件"面板中拖出一个"文本滚动条"组件到第1帧的场景中。在输入文本中加入一段文字，接着再创建两个静态文本，并输入文字"我们的协议："和"注册"。如效果图1所示。
 图 3
3．拖动组件ScrollBar，让其吸附在输入文本上。方法按住鼠标左键拖拽到输入文本中松手。4．分别选中两个"普通按钮"组件，并在"属性面板里更换标签，譬如改为"我接受"和"接受"。但更重要的是我们需要在Click Handler参数项中输入执行函数的名字。如图4所示。  图 4
5．右键单击第1帧，在弹出菜单中点选"动作"命令，然后在打开的"动作"面板中键入如下代码。代码中，我们先要创建两个"执行函数"func()和func2()。然后让两个按钮来调用这些"执行函数"。stop(); // 创建"执行函数"func() function func() { // 跳转到第2帧并进行播放 gotoAndPlay(2); } // 创建"执行函数"func2() function func2() { // 退出动画 fscommand("quit",true); } 这样，第1帧中的组件和输入文本结合，就实现了让用户确定是否接受协议的作用。然后决定是否跳转到第2帧中去填写个人资料还是退出。 6．第2帧中有许多组件，以及两个输入文本。这些组件所要实现功能是让用户填入个人信息以及意见，并检验是否有遗漏。 7．首先我们先来看看第2帧中都有些什么，如图5所示。  图 5 8．选中图5中左边的输入文本，命名其实例名为"text1"，如图6所示。然后在该输入文本的右侧添加一个静态文本，并输入两个红色的星，以表示该项是必须填写的。见图5所示。  图 6
选中图5中又边的输入文本，命名其实例名为"intext"。10．如图5所示，从"组件"面板中拖拽出一些"复选框"、"列表框"、"普通按钮"、"单选按钮"组件和文本滚动条到场景中。其排布的位置也如图5所示。然后分别给这些更换标签，譬如把"单选按钮"组件的标签改为"男"、"女"，并再这些组件前添加一些静态文本，如"生日"。 11．分别给第2帧中的所有组件设置实例名。性别一栏的两个"单选按钮"组件的实例名分别为"male"、"female"。如图7所示。  图 7
在生日一栏里设置两个"列表框"组件的 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: Flash组件之旅(1)：认识和使用下一篇: Flash广告实例剖析：动感酷车
关于Flash MX组件运用实例的所有评论
