图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()
functi src="http://www.dedecms.com/upimg/20070117/11E00J95B010L17.jpg" width=390 align=0 border=0>
图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
在生日一栏里设置两个“列表框”组件的实例名为“mym src="http://www.dedecms.com/upimg/20070117/11E00J9B20135307.jpg" width=333 align=0 border=0>
图1-8
兴趣一栏里六个“复选框”组件的实例名分别为“computer”、“read”、“chat”、“film”、“stock”、“stamp”。如图1-9所示。
图1-9
12.把第2帧中两个“普通按钮”组件的标签改为“提交”和“重写”。其“执行函数”分别为bn_func()和bn_func2()。
13.右键单击第2帧,在弹出菜单中点选“动作”命令,然后在打开的“动作”面板中键入如下代码。同样,我们要先创建“执行函数”以供组件来调用这些“执行函数”。
stop();
//函数bn_func()是为按钮组件“提交”设置的执行函数,其功能是纪录用户信息并显示
functi){
//变量str0至str4用来接受用户输入的数据
str0 = "您的姓名是?quot;+ text1.text;
//getState()可以判断单选按钮组件是否被选中
if (male.getState()==true){
// getLabel()可以将单选按钮的标签以字符串形式返回
str1 = "您的性别是:"+male.getLabel();
}else{
str1 = "您的性别是:"+female.getLabel();
}
//获取用户的生日信息
str2 = "您的生日是:"+ mym src="http://www.dedecms.com/upimg/20070117/11E00Ja230159161.jpg" width=206 align=0 border=0>
1-10
动态文本“outtext”的作用就是显示用户刚刚输入的注册信息。
15.右键单击第3帧,在弹出菜单中点选“动作”命令,然后在打开的“动作”面板中键入如下代码。bn_fun3()是第3帧中“完成”按钮的“执行函数”。其功能是跳转到第1帧并停止。
stop();
function bn_fun3(){
gotoAndStop(1);
}
欢迎您访问www.5ucms.org
上一篇:5ucms模版,FlashMX经典实例(1) 下一篇:5ucms仿站,FlashMX经典实例(6) |
|
本站声明:本网站所载文章等内容,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题,请在30日内与本网联系(Email:3876307#qq.com),我们将在第一时间删除内容。若原创内容转载请注明出处。 5ucms培训,FlashMX经典实例(11)的关键词: |