FlashMX经典实例(11)

发布日期  发布: 2009-4-13 | 发布人  发布者: 再平和一点 | 来源  来源: 江西广告网


FlashMX经典实例之注册窗口 效果预览图: 图1-1 效果简介: 本例是一个组件的综合实例,是使用组件制作一个注册窗口。其作用就是登记用户的姓名、性别、地址、电话、兴趣、电子邮件、对网站的建议及其它个人信息。并在提交到服务器对用户输入的这些数据进行验证。 文章简介: 文章中将讲解到组件的功能、使用方法以及技巧及如何使用这些组件创建应用程序。通过这篇文章,读者可以学会如何使用组件,已经可以使用组件来为我们做些什么。 制作步骤: 设置场景的大小为550px×300px,背景色为白色,帧频为20fps。 1.如效果图1-1所示设置第1帧的场景。按快捷键Ctrl F7打开“组件”面板。然后拖拽两个“普通”按钮组件到第1帧的场景中。如图1-2所示。 图1-2 2.再从“组件”面板中拖出一个“文本滚动条”组件到第1帧的场景中。在输入文本中加入一段文字,接着再创建两个静态文本,并输入文字“我们的协议:”和“注册”。如效果图1-1所示。 图1-3 3.拖动组件ScrollBar,让其吸附在输入文本上。方法是按住鼠标左键拖拽到输入文本中松手。 4.分别选中两个“普通按钮”组件,并在“属性面板里更换标签,譬如改为“我接受”和“接受”。但更重要的是我们需要在Click Handler参数项中输入执行函数的名字。如图1-4所示。 图1-4 5.右键单击第1帧,在弹出菜单中点选“动作”命令,然后在打开的“动作”面板中键入如下代码。代码中,我们先要创建两个“执行函数”func()和func2()。然后让两个按钮来调用这些“执行函数”。 stop(); //创建“执行函数”func() function func() { //跳转到第2帧并进行播放 gotoAndPlay(2); } //创建“执行函数”func2() function func2() { //退出动画 fscommand("quit",true); } 这样,第1帧中的组件和输入文本结合,就实现了让用户确定是否接受协议的作用。然后决定是否跳转到第2帧中去填写个人资料还是退出。 6.第2帧中有许多组件,以及两个输入文本。这些组件所要实现功能是让用户填入个人信息以及意见,并检验是否有遗漏。 7.首先我们先来看看第2帧中都有些什么,如图1-5所示。 图1-5 8.选中图1-5中左边的输入文本,命名其实例名为“text1”,如图1-6所示。然后在该输入文本的右侧添加一个静态文本,并输入两个红色的星,以表示该项是必须填写的。见图1-5所示。 图1-6 选中图1-5中右边的输入文本,命名其实例名为“intext”。 10.如图1-5所示,从“组件”面板中拖拽出一些“复选框”、“列表框”、“普通按钮”、“单选按钮”组件和文本滚动条到场景中。其排布的位置也如图1-5所示。然后分别给这些更换标签,譬如把“单选按钮”组件的标签改为“男”、“女”,并再这些组件前添加一些静态文本,如“生日”。 11.分别给第2帧中的所有组件设置实例名。性别一栏的两个“单选按钮”组件的实例名分别为“male”、“female”。如图1-7所示。 图1-7 在生日一栏里设置两个“列表框”组件的实例名为“mymonth”和“myday”。如图1-8所示。 图1-8 兴趣一栏里六个“复选框”组件的实例名分别为“computer”、“read”、“chat”、“film”、“stock”、“stamp”。如图1-9所示。
本站文章部分内容来自互联网,供读者交流和学习,如有涉及作者版权问题请及时与我们联系,以便更正或删除。感谢所有提供信息的网站,并欢迎各类媒体与我们进行信息共享合作。
关闭本窗口 | 打印 | 收藏此页 |  推荐给好友 | 举报

版块排行

  • SEO搜索                                    5984
  • Web软件                                    3334
  • 交互设计                                    3279
  • 平面软件                                    2575
  • 设计欣赏                                    2501
  • 游戏世界                                    1244
  • 程序开发                                    830
  • 前沿视觉                                    560
  • 电脑网络                                    514
  • 摄影赏析                                    291