第 11章 组件本章要点
复选框组件
滚动条组件
按钮组件
组件应用本章逻辑结构
11.1 CheckBox组件
11.1.1 CheckBox属性面板
11.1.2 CheckBox的使用
11.2 ComboBox组件
11.2.1 ComboBox 属性面板
11.2.2 下拉菜单的使用本章逻辑结构
11.3 ListBox组件
11.4 PushButton组件
11.5 RadioButton组件
11.6 ScrollBar组件
11.7 ScrollPane组件
11.8 组件应用系统共提供了 7种组件，并将其全部存放在了
【 组件（ Components） 】 面板中，如图所示。
使用方法：从 【 组件 】 面板将其拖到舞台中，
然后在 【 属性 】 面板中设置其参数即可。复选框（ CheckBox）组件用于完成多项选择。
11.1 CheckBox组件用于完成多项选择
11.1.1 CheckBox属性面板当从 【 组件 】 面板中拖动 【 CheckBox】 组件到舞台后，其属性面板如图所示，其中包括
【 属性 】 和 【 参数 】 两个选项卡。
在面板中单击 【 参数 】 选项卡，此时的面板如图所示。
面板中各项参数的功能及设置方法如下所述：
Label（标签）：
Initial Value（初始值）：
Label Placement（标签位置）：
Change Handler（改变处理器）：
11.1.2 CheckBox的使用
CheckBox的具体使用方法如下：
1、执行 【 文件 】 【 新建 】 命令，新建一个动画文件。
2、从 【 组件 】 面板中拖动 【 CheckBox】 组件到舞台中，如图所示。
3、在属性面板中单击 【 参数 】 选项卡，将标签名称设置为音乐，如图所示。
4、将组件的初始值设为 true，如图所示。
5、将组件的标签位置设置为 left，如图所示。
11.2 ComboBox 组件
【 ComboBox】 组件的功能是制作下拉菜单。
11.2.1 ComboBox 属性面板从 【 组件 】 面板中拖动 【 ComboBox】 组件到舞台中，其 【 属性 】 面板如图所示。
面板中各项参数的功能如下所述：
Editable（可编辑性）：
Labels（标签）：
Data（数据）：
Row Count（行数）：
Change Handler（改变处理器）：
11.2.2 下拉菜单的使用下拉菜单的使用，具体操作方法如下：
1、从 【 组件 】 面板拖动 【 ComboBox】 组件到舞台中，此时的属性面板 【 参数 】 选项卡如图所示。
2、单击 【 Labels】 选项，将弹出如图所示的对话框。
3、在对话框中单击左上角的按钮，可以在
【 值 】 列表框中输入菜单内容，如图所示。
4、利用同样的方法再输入几个菜单内容选项，
如图所示。
5、在 【 属性 】 面板中将 【 Row Count】 的值设置为 3，此时的显示效果如图所示。
6、在 【 属性 】 面板中将 【 Row Count】 的值设置为 6，此时的显示效果如图所示。
11.3 ListBox组件从 【 组件 】 面板中拖动 【 ListBox】 组件到舞台中，其参数如图所示。
面板中各项参数的功能如下所述：
Labels（标签）：
Data（数据）：
Select Multiple（选择多项）：
Change Handler（改变处理器）：
11.4 PushButton组件从 【 组件 】 面板中拖动 【 PushButton】 组件到舞台中，在 【 属性 】 面板的 【 参数 】 选项卡中设置参数，如图所示。
选项卡中各参数的功能如下所述：
Labels（标签）：
Click Handler（单击处理器）：
11.5 RadioButton组件从 【 组件 】 面板中拖动 【 RadioButton】 组件到舞台后，其 【 参数 】 选项卡中的参数如图所示。
选项卡中各参数的功能如下所述：
Label（标签）：
Initial State（初始值）：
Group Name（群组名称）：
Data（数据）：
Label Placement（标签位置）：
Change Handler（改变处理器）：
11.6 ScrollBar组件从 【 组件 】 面板中拖动 【 ScrollBar】 组件到舞台中，其参数如图所示。
面板中各参数的功能如下：
Target TextField（目标文字域）：
Horizontal（水平的）：
制作滚动条的具体操作如下：
1、从工具箱中选择 【 文本工具 】,在舞台中创建动态文字字段，并在 【 属性 】 面板中将其命名为 text，如图所示。
2、在舞台中输入文字，如图所示。
3、从 【 组件 】 面板中拖动 【 ScrollBar】 组件到舞台上，并且吸附在动态文字字段上，如下图所示。
4,按 【 Ctrl+Enter】 组合键。
11.7 ScrollPane组件从 【 组件 】 面板中拖动 【 ScrollPane】 组件到舞台中，其参数设置如图所示。
面板中各参数的功能如下所述：
Scroll Content（滚动条内容）：
Horizontal Scroll（水平滚动）：
Vertical Scroll（垂直滚动）：
Drag Content（拖动内容）：
滚动区域的使用方法，操作如下：
1、新建一个动画文件。
2、执行 【 插入 】 【 新建元件 】 命令，在弹出的对话框中设置元件的名称等参数，如图所示。
3、进入“动画”元件编辑区，执行 【 文件 】
【 导入 】 命令，导入一幅图片，如图所示。
4、回到主场景 【 场景 1】 。
5、按 【 Ctrl+L】 组合键，打开 【 库 】 面板。
6、在面板中选择 【 动画 】
元件，单击鼠标右键，从弹出的快捷菜单中选择
【 链接 】 命令，如图所示。
7、在弹出的对话框中进行如图所示的设置，单击 【 确定 】 按钮。
8、从 【 组件 】 面板拖动 【 ScrollPane】 组件到舞台中，用 【 任意变形工具 】 调整其大小，
如图所示。
9、在 【 属性 】 面板中设置组件参数，如图所示。
10、按 【 Ctrl+Enter】 组件键测试动画效果。
11.8 组件应用综合各组件来制作一个小例子，最终效果如图所示。
具体操作如下：
1、新建一个动画文件，在 【 属性 】 面板中设置文件背景颜色，如图。
2、选择 【 文本工具 】,在 【 属性 】 面板中设置文字的属性，如图所示。
3、将插入点置于舞台中，然后输入文字“会员注册表”，如图所示。
4、再在 【 属性 】 面板中设置文字的属性，如图所示。
5、在舞台中输入其他静态的文字。
6、单击图层列表下方的 【 插入图层 】 按扭，插入一个新层。
7、在工具箱中选择 【 文本工具 】,在 【 属性 】
面板中设置其参数，然后在“姓名：”的右侧绘制一个文本框，如图所示。
8、在“密码：”右侧绘制一个文本框，并在
【 属性 】 面板中设置其参数，如图所示。
9、从 【 组件 】 面板中拖动两个 【 RadioButton】 组件到“性别：”的右侧，单击左侧的组件实例，在属性面板的 【 参数 】 选项卡中设置其参数，如图。
10、单击右侧的组件实例，然后在 【 属性 】 面板的
【 参数 】 选项卡中设置其参数，如图所示。
11、从 【 组件 】 面板中拖动
【 ComboBox】 组件到“学历：”的右侧，在 【 属性 】 面板 【 参数 】 选项卡的参数项中单击 【 Labels】,将弹出 【 值 】
对话框，可以在此对话框中设置标签值，如图所示。
12、在面板中单击 【 Row Count】 参数项，将其值修改为 5，如图所示。
13、选择 【 文本工具 】,然后在“出生年月：”
右侧绘制一个文本框，并在 【 属性 】 面板中设置其参数，如图所示。
14、从 【 组件 】 面板拖动 【 ListBox】 按钮到舞台中“所在城市：”的右侧，并在 【 属性 】
面板中设置其参数，如图所示。
15、在工具箱中选择 【 文本工具 】,在“备注：”
右侧绘制一个文本框，并在 【 属性 】 面板中设置其参数，如图所示。
16、从 【 组件 】 面板中拖动 【 ScrollBar】 组件到舞台中，使其吸附在备注文本框上，如图所示。
17、从 【 组件 】 面板中拖动两个 【 PushButton】 组件到舞台中，单击左侧的组件实例，然后在属性面板中设置其参数，如图所示。
18、单击右侧的组件实例，然后在 【 属性 】 面板中设置其参数，如图所示。
19、新建一个元件，在弹出的对话框中设置元件属性，如图所示，新建一个影片剪辑元件。
20、在“欢迎”元件编辑窗口中，导入一个动态图像，如图所示。
21、返回主场景 【 场景 1】 。
22、打开 【 库 】 面板，在面板中选择“欢迎”元件，单击鼠标右键，从弹出的快捷菜单中选择 【 链接 】 命令，在弹出的对话框中进行如图所示的设置。
23、从 【 组件 】 面板中拖动一个 【 ScrollPane】
组件到舞台中，如图所示。
24、在 【 属性 】 面板中设置 【 ScrollPane】 组件实例的参数，如图所示。
25、按 【 Ctrl+Enter】 组合键测试影片。
习题（十一）
选择题
1,Flash mx中共提供了（ ）种组件。
A,3
B,6
C,5
D,7
D
2、组件的前身是（ ）。
A,Smart Clip
B,智能剪辑
C,影片剪辑
D,以上答案都对
AB
3、下面的（ ）组件允许复选。
A,【 RadioButton】
B,【 ComboBox】
C,【 ListBox】
D,【 CheckBox】
CD
4、从列表框中选择多个选项需使用（ ）键。
A,Shift
B,Alt
C,Ctrl
D,Alt+Ctrl
AC
5,【 ScrollPane】 组件滚动的是（ ）。
A,影片剪辑
B,Movie Clip
C,图形
D,以上全正确
AB
判断题
1,【 ListBox】 用于制作列表框。 （ ）
2、在列表框中选择多个连续的选项时，需按住
【 Ctrl】 键再单击相应的选项。 （ ）
√
×
3,【 ScrollPane】 组件必须与动态文本配合使用才有意义。 （ ）
4、在 【 RadioButton】 组件中，判断单选的依据为是否在同一个群组中。 （ ）
5、组件不可以重复使用。 （ ）
√
×
×
实践练习
1、根据本章所学内容，制作一个员工登记表的页面，如图所示。
根据本章所学内容，制作一个复选框的例子，
效果如图所示。
复选框组件
滚动条组件
按钮组件
组件应用本章逻辑结构
11.1 CheckBox组件
11.1.1 CheckBox属性面板
11.1.2 CheckBox的使用
11.2 ComboBox组件
11.2.1 ComboBox 属性面板
11.2.2 下拉菜单的使用本章逻辑结构
11.3 ListBox组件
11.4 PushButton组件
11.5 RadioButton组件
11.6 ScrollBar组件
11.7 ScrollPane组件
11.8 组件应用系统共提供了 7种组件，并将其全部存放在了
【 组件（ Components） 】 面板中，如图所示。
使用方法：从 【 组件 】 面板将其拖到舞台中，
然后在 【 属性 】 面板中设置其参数即可。复选框（ CheckBox）组件用于完成多项选择。
11.1 CheckBox组件用于完成多项选择
11.1.1 CheckBox属性面板当从 【 组件 】 面板中拖动 【 CheckBox】 组件到舞台后，其属性面板如图所示，其中包括
【 属性 】 和 【 参数 】 两个选项卡。
在面板中单击 【 参数 】 选项卡，此时的面板如图所示。
面板中各项参数的功能及设置方法如下所述：
Label（标签）：
Initial Value（初始值）：
Label Placement（标签位置）：
Change Handler（改变处理器）：
11.1.2 CheckBox的使用
CheckBox的具体使用方法如下：
1、执行 【 文件 】 【 新建 】 命令，新建一个动画文件。
2、从 【 组件 】 面板中拖动 【 CheckBox】 组件到舞台中，如图所示。
3、在属性面板中单击 【 参数 】 选项卡，将标签名称设置为音乐，如图所示。
4、将组件的初始值设为 true，如图所示。
5、将组件的标签位置设置为 left，如图所示。
11.2 ComboBox 组件
【 ComboBox】 组件的功能是制作下拉菜单。
11.2.1 ComboBox 属性面板从 【 组件 】 面板中拖动 【 ComboBox】 组件到舞台中，其 【 属性 】 面板如图所示。
面板中各项参数的功能如下所述：
Editable（可编辑性）：
Labels（标签）：
Data（数据）：
Row Count（行数）：
Change Handler（改变处理器）：
11.2.2 下拉菜单的使用下拉菜单的使用，具体操作方法如下：
1、从 【 组件 】 面板拖动 【 ComboBox】 组件到舞台中，此时的属性面板 【 参数 】 选项卡如图所示。
2、单击 【 Labels】 选项，将弹出如图所示的对话框。
3、在对话框中单击左上角的按钮，可以在
【 值 】 列表框中输入菜单内容，如图所示。
4、利用同样的方法再输入几个菜单内容选项，
如图所示。
5、在 【 属性 】 面板中将 【 Row Count】 的值设置为 3，此时的显示效果如图所示。
6、在 【 属性 】 面板中将 【 Row Count】 的值设置为 6，此时的显示效果如图所示。
11.3 ListBox组件从 【 组件 】 面板中拖动 【 ListBox】 组件到舞台中，其参数如图所示。
面板中各项参数的功能如下所述：
Labels（标签）：
Data（数据）：
Select Multiple（选择多项）：
Change Handler（改变处理器）：
11.4 PushButton组件从 【 组件 】 面板中拖动 【 PushButton】 组件到舞台中，在 【 属性 】 面板的 【 参数 】 选项卡中设置参数，如图所示。
选项卡中各参数的功能如下所述：
Labels（标签）：
Click Handler（单击处理器）：
11.5 RadioButton组件从 【 组件 】 面板中拖动 【 RadioButton】 组件到舞台后，其 【 参数 】 选项卡中的参数如图所示。
选项卡中各参数的功能如下所述：
Label（标签）：
Initial State（初始值）：
Group Name（群组名称）：
Data（数据）：
Label Placement（标签位置）：
Change Handler（改变处理器）：
11.6 ScrollBar组件从 【 组件 】 面板中拖动 【 ScrollBar】 组件到舞台中，其参数如图所示。
面板中各参数的功能如下：
Target TextField（目标文字域）：
Horizontal（水平的）：
制作滚动条的具体操作如下：
1、从工具箱中选择 【 文本工具 】,在舞台中创建动态文字字段，并在 【 属性 】 面板中将其命名为 text，如图所示。
2、在舞台中输入文字，如图所示。
3、从 【 组件 】 面板中拖动 【 ScrollBar】 组件到舞台上，并且吸附在动态文字字段上，如下图所示。
4,按 【 Ctrl+Enter】 组合键。
11.7 ScrollPane组件从 【 组件 】 面板中拖动 【 ScrollPane】 组件到舞台中，其参数设置如图所示。
面板中各参数的功能如下所述：
Scroll Content（滚动条内容）：
Horizontal Scroll（水平滚动）：
Vertical Scroll（垂直滚动）：
Drag Content（拖动内容）：
滚动区域的使用方法，操作如下：
1、新建一个动画文件。
2、执行 【 插入 】 【 新建元件 】 命令，在弹出的对话框中设置元件的名称等参数，如图所示。
3、进入“动画”元件编辑区，执行 【 文件 】
【 导入 】 命令，导入一幅图片，如图所示。
4、回到主场景 【 场景 1】 。
5、按 【 Ctrl+L】 组合键，打开 【 库 】 面板。
6、在面板中选择 【 动画 】
元件，单击鼠标右键，从弹出的快捷菜单中选择
【 链接 】 命令，如图所示。
7、在弹出的对话框中进行如图所示的设置，单击 【 确定 】 按钮。
8、从 【 组件 】 面板拖动 【 ScrollPane】 组件到舞台中，用 【 任意变形工具 】 调整其大小，
如图所示。
9、在 【 属性 】 面板中设置组件参数，如图所示。
10、按 【 Ctrl+Enter】 组件键测试动画效果。
11.8 组件应用综合各组件来制作一个小例子，最终效果如图所示。
具体操作如下：
1、新建一个动画文件，在 【 属性 】 面板中设置文件背景颜色，如图。
2、选择 【 文本工具 】,在 【 属性 】 面板中设置文字的属性，如图所示。
3、将插入点置于舞台中，然后输入文字“会员注册表”，如图所示。
4、再在 【 属性 】 面板中设置文字的属性，如图所示。
5、在舞台中输入其他静态的文字。
6、单击图层列表下方的 【 插入图层 】 按扭，插入一个新层。
7、在工具箱中选择 【 文本工具 】,在 【 属性 】
面板中设置其参数，然后在“姓名：”的右侧绘制一个文本框，如图所示。
8、在“密码：”右侧绘制一个文本框，并在
【 属性 】 面板中设置其参数，如图所示。
9、从 【 组件 】 面板中拖动两个 【 RadioButton】 组件到“性别：”的右侧，单击左侧的组件实例，在属性面板的 【 参数 】 选项卡中设置其参数，如图。
10、单击右侧的组件实例，然后在 【 属性 】 面板的
【 参数 】 选项卡中设置其参数，如图所示。
11、从 【 组件 】 面板中拖动
【 ComboBox】 组件到“学历：”的右侧，在 【 属性 】 面板 【 参数 】 选项卡的参数项中单击 【 Labels】,将弹出 【 值 】
对话框，可以在此对话框中设置标签值，如图所示。
12、在面板中单击 【 Row Count】 参数项，将其值修改为 5，如图所示。
13、选择 【 文本工具 】,然后在“出生年月：”
右侧绘制一个文本框，并在 【 属性 】 面板中设置其参数，如图所示。
14、从 【 组件 】 面板拖动 【 ListBox】 按钮到舞台中“所在城市：”的右侧，并在 【 属性 】
面板中设置其参数，如图所示。
15、在工具箱中选择 【 文本工具 】,在“备注：”
右侧绘制一个文本框，并在 【 属性 】 面板中设置其参数，如图所示。
16、从 【 组件 】 面板中拖动 【 ScrollBar】 组件到舞台中，使其吸附在备注文本框上，如图所示。
17、从 【 组件 】 面板中拖动两个 【 PushButton】 组件到舞台中，单击左侧的组件实例，然后在属性面板中设置其参数，如图所示。
18、单击右侧的组件实例，然后在 【 属性 】 面板中设置其参数，如图所示。
19、新建一个元件，在弹出的对话框中设置元件属性，如图所示，新建一个影片剪辑元件。
20、在“欢迎”元件编辑窗口中，导入一个动态图像，如图所示。
21、返回主场景 【 场景 1】 。
22、打开 【 库 】 面板，在面板中选择“欢迎”元件，单击鼠标右键，从弹出的快捷菜单中选择 【 链接 】 命令，在弹出的对话框中进行如图所示的设置。
23、从 【 组件 】 面板中拖动一个 【 ScrollPane】
组件到舞台中，如图所示。
24、在 【 属性 】 面板中设置 【 ScrollPane】 组件实例的参数，如图所示。
25、按 【 Ctrl+Enter】 组合键测试影片。
习题（十一）
选择题
1,Flash mx中共提供了（ ）种组件。
A,3
B,6
C,5
D,7
D
2、组件的前身是（ ）。
A,Smart Clip
B,智能剪辑
C,影片剪辑
D,以上答案都对
AB
3、下面的（ ）组件允许复选。
A,【 RadioButton】
B,【 ComboBox】
C,【 ListBox】
D,【 CheckBox】
CD
4、从列表框中选择多个选项需使用（ ）键。
A,Shift
B,Alt
C,Ctrl
D,Alt+Ctrl
AC
5,【 ScrollPane】 组件滚动的是（ ）。
A,影片剪辑
B,Movie Clip
C,图形
D,以上全正确
AB
判断题
1,【 ListBox】 用于制作列表框。 （ ）
2、在列表框中选择多个连续的选项时，需按住
【 Ctrl】 键再单击相应的选项。 （ ）
√
×
3,【 ScrollPane】 组件必须与动态文本配合使用才有意义。 （ ）
4、在 【 RadioButton】 组件中，判断单选的依据为是否在同一个群组中。 （ ）
5、组件不可以重复使用。 （ ）
√
×
×
实践练习
1、根据本章所学内容，制作一个员工登记表的页面，如图所示。
根据本章所学内容，制作一个复选框的例子，
效果如图所示。
