flash cs5练习：制作会员注册页Word文档格式.docx
《flash cs5练习：制作会员注册页Word文档格式.docx》由会员分享，可在线阅读，更多相关《flash cs5练习：制作会员注册页Word文档格式.docx（6页珍藏版）》请在冰豆网上搜索。
【笔触】，设置【填充颜色】为“浅蓝色”
（#93E4FF）；
【边角半径】
为10。
素×
500像素”；
【背景颜色】为“蓝色”（#66CCFF）。
然后，在舞台的顶部舞
台一个浅蓝色（#93E4FF）的圆角矩形。
输入
绘制
设置
（2）选择【椭圆工具】，在【属性】检查器中禁用【笔触】，并设置【填充颜色】为“深蓝色”（#333366）；
【内径】为50，在圆角矩形的左侧绘制一个环形。
然后，使用【文本工具】在其右侧输入“会员注册”文字，并设置文字的字体、大小和颜色。
使用【椭圆工具】绘制环形，必须在绘制前设置内径的大小；
而使用
【基本椭圆工具】绘制环形，可以在绘制后再调整内径的大小。
选择“会员注册”文
选择 字，在【属性】检查器中
设置【系列】为“汉仪菱
输入 心体简”；
【大小】为“22点”；
【颜色】为“白色”
绘制 （#FFFFFF）。
（3）使用【文本工具】在圆角矩形的右侧输入Register，在【属性】检查器中设置其【系列】为“TimesNewRoman”；
【样式】为Italic；
【大小】为
“30点”；
【颜色】为“蓝色”（#66CCFF）。
然后选择【矩形工具】，在舞台中绘制一个边角半径为10px的圆角矩形。
绘制 提示：
在绘制圆角矩形之
前，在【属性】检查器中设置【笔触颜色】为“白色”（#FFFFFF）；
【填充颜色】为“浅蓝色”
（#CAF3FF）；
【笔触高度】
设置 为1；
【矩形边角半径】
（4）新建图层，从【组件】面板中将Label组件拖入到舞台上，在【属性】检查器中设置其【实例名称】为User；
【组件参数】的text参数为“用户昵称：
”。
然后，其右侧拖入一个TextInput组件实例，并设置其【宽】为
180。
拖入 拖入
（5）使用相同的方法，从【库】面板中将Label和TextInput组件拖入到舞台上，并分别设置Label的【实例名称】为PWD和PWD2；
text参数为
“密码：
”和“重复密码：
设置Label组件实例的【宽】为55，使其与文字的长度基本相同。
拖入
为组件实例设置实例名称，其目的是想通过
ActionScript代码定义其
文字样式，如大小等。
（6）在舞台中拖入Label组件实例，设置其text参数为“选择性别：
然后，在其右侧拖入2个RadioButton组件实例，设置【实例名称】分别为
Boy和Girl；
label参数为“男”和“女”。
另外，启用“男”RadioButton组件实例的selected参数。
在【属性】检查器中设置“选择性别：
”Label组件实例的【实例名称】
为Sex。
为RadioButton组件实例启用selected参数，则使该组件实例默认为
被勾选。
（7）在舞台中拖入Label组件实例，设置其text参数为“出生年月：
然后，在其右侧拖入2个NumericStepper组件实例和2个Label组件实例，并分别设置NumericStepper组件实例的maximum参数为2010和12；
minimum参数为1900和1；
value为1985和1。
在【属性】检查器中设置“出生年月：
为Birthday。
在【属性】检查器中设置右侧2个Label组件实例的【实例名称】分别为Year和Month；
text
参数为“年”和“月”。
（8）在舞台中再次拖入Label组件实例，在【属性】检查器中设置其text参数为“所属星座：
然后，在其右侧拖入ComboBox组件实例，设置其菜单项目为12星座名称。
添加
在【属性】检查器中
设置 设置“所属星座：
”Label
组件实例的【实例名称】
为Cons。
（9）在舞台中拖入Label组件实例，设置其text参数为“电子邮箱：
”，并在其右侧拖入TextInput组件实例，设置其【宽】为200。
然后，在右侧再拖入CheckBox组件实例和Label组件实例，并使Label组件实例的显示内容为“是否公开”。
在【属性】检查器的
【组件参数】选项中，单击dataProvider参数右侧的按钮，可以打开【值】对话框。
单击
（10）在舞台中拖入Label组件实例，设置其text参数为“个人说明：
然后，在其右侧拖入一个TextArea组件实例，并设置其【宽】为300；
【高】为100。
在【属性】检查器中设置“电子邮箱：
”Label组件实例的【实例名称】为email。
TextInput组件实例的【宽】为200。
“是否公开”Label组件实例的【实例名称】为Is。
（11）在舞台中拖入2个Button组件实例，在【属性】检查器中设置【实例名称】分别为Submit和Reset；
label参数为“提交”和“重置”。
然后，在右上角拖入一个TileList组件实例，在【组件参数】选项中设置
columnWidth和rowHeight均为128；
columnCount和rowCount均为1。
提示：
在【属性】检查器中设置“个人说明：
”Label组件实例的【实例名称】为Intro。
在【属性】检查器中设置TileList组件实例的
【实例名称】为faceImg。
设置 TileList组件实例必须通过ActionScript代码
（12）新建图层，打开【动作】面板，通过TileList对象的addItem（）方
法为组件实例添加5张图片，并指定图片的名称。
然后，创建名称为txtFormat
faceImg.addItem（{label:
"
1"
source:
face/001.png"
}）;
faceImg.addItem（{label:
2"
face/002.png"
3"
face/003.png"
4"
face/004.png"
5"
face/005.png"
头
像
//为TileList组件实例添加图片
var txtFormat:
TextFormat = newTextFormat（）;
//创建文本样式对象txtFormat.size="
12"
;
//定义文本的大小User.setStyle（"
textFormat"
txtFormat）;
PWD.setStyle（"
PWD2.setStyle（"
Sex.setStyle（"
Boy.setStyle（"
Girl.setStyle（"
Birthday.setStyle（"
Year.setStyle（"
Month.setStyle（"
Cons.setStyle（"
email.setStyle（"
Is.setStyle（"
Intro.setStyle（"
Submit.setStyle（"
Reset.setStyle（"
的文本样式，并将其应用到舞台中的所有Label组件。
才可显示内容。
addItem（）方法中包含有两个参数：
label表示图片的标签名称；
source表示图片的来源。
升级会员 