2.8 组件
组件是一些复杂的带有可定义参数的影片剪辑符号。一个组件就是一段影片剪辑，其所带的参数由用户在创建Animate CC影片时进行设置，其中的动作脚本API供用户在运行时自定义组件。组件旨在让开发人员重用和共享代码，封装复杂功能，让用户在没有“动作脚本”时，也能使用和自定义这些功能。
2.8.1 设置组件
执行菜单中的“窗口|组件”命令，调出“组件”面板，如图2-172所示。Animate CC 2017的“组件”面板中包含“User Interface”和“Video”两类组件。其中，“User Interface”组件用于创建界面；“Video”组件用于控制视频播放。
用户可以在“组件”面板中选中要使用的组件（见图2-173），然后将其直接拖到舞台中（见图2-174），此时在“属性”面板中可以对其参数进行相应的设置，如图2-175所示。
图2-172 “组件”面板
图2-173 选择要使用的组件
图2-174 选择舞台中的组件
图2-175 “属性”面板
2.8.2 组件的分类与应用
下面介绍几种典型组件的参数设置与应用。
1．Button组件
Button组件为一个按钮，如图2-176所示。使用按钮可以实现表单提交以及执行某些相关的行为动作。在舞台中添加Button组件后，用户可以通过“属性”面板设置Button组件的相关参数，如图2-177所示。该面板的主要参数含义如下。
图2-176 Button组件
图2-177 Button组件的“属性”面板
●emphasized：用于设置是否为Button组件添加强调底纹，默认为未选中状态。
●enabled：用于设置Button组件是否可以接受焦点和输入，默认为选中状态。
●label：用于设置按钮上的文本。
●labelPlacement：用于设置按钮上的文本在按钮图标内的方向。该参数可以是下列4个值之一，即left、right、top或bottom，默认为right。
●selected：该参数指定按钮是处于按下状态（true）还是释放状态（false），默认值为false。
●toggle：用于将按钮转变为切换开关。如果值为true，则按钮在单击后保持按下状态，并在再次单击时返回到释放状态；如果值为false，则按钮行为与一般按钮相同。toggle默认值为false。
●visible：用于设置Button组件是否可见，默认为选中状态。
2．CheckBox组件
CheckBox组件为多选按钮组件，如图2-178所示。使用该组件可以在一组多选按钮中选择多个选项。在舞台中添加CheckBox组件后，用户可以通过“属性”面板设置CheckBox组件的相关参数，如图2-179所示。该面板的主要参数含义如下。
●label：用于设置多选按钮右侧的文本。
●labelPlacement：用于设置多选按钮上的文本在按钮图标内的方向。该参数可以是下列4个值之一，即left、right、top或bottom，默认为right。
图2-178 CheckBox组件
图2-179 CheckBox组件的“属性”面板
●selected：用于设置多选按钮的初始值为被选中或取消选中。被选中的多选按钮会显示一个对勾，其参数值为true。如果将其参数值设置为false，表示会取消选择多选按钮。
3．ComboBox组件
ComboBox组件为下拉列表框的形式，如图2-180所示。用户可以在弹出的下拉列表框中选择其中一个选项。在舞台中添加ComboBox组件后，可以通过“属性”面板设置ComboBox组件的相关参数，如图2-181所示。该面板的主要参数含义如下。
图2-180 ComboBox组件
图2-181 ComboBox组件的“属性”面板
●dataProvider：用于设置下拉列表当中显示的内容，以及传送的数据。
●editable：用于设置下拉列表中显示的内容是否为编辑状态。
●prompt：用于设置ComboBox组件开始显示时的初始内容。
●rowCount：用于设置下拉列表框中可显示的最大行数。
4．RadioButton组件
RadioButton组件为单选按钮组件，可以供用户从一组单选按钮选项中选择一个选项，如图2-182所示。在舞台中添加RadioButton组件后，用户可以通过“属性”面板设置RadioButton组件的相关参数，如图2-183所示。该面板的主要参数含义如下。
图2-182 RadioButton组件
图2-183 RadioButton组件的“属性”面板
●groupName：单击按钮的组名称，一组单选按钮有一个统一的名称。
●label：用于设置单选按钮上的文本内容。
●labelPlacement：用于确定单选按钮上标签文本的方向。该参数可以是下列4个值之一，即left、right、top或bottom，其默认为right。
●selected：用于设置单选按钮的初始值为被选中或取消选中。被选中的单选按钮中会显示一个圆点，其参数值为true，一个组内只有一个单选按钮可以有被选中的值true。如果将其参数值设置为false，表示取消选择单选按钮。
5．ScrollPane组件
ScrollPane组件用于设置一个可滚动的区域来显示JPEG、GIF、PNG及SWF文件，如图2-184所示。在舞台中添加ScrollPane组件后，用户可以通过“属性”面板设置ScrollPane组件的相关参数，如图2-185所示。该面板的主要参数含义如下。
图2-184 ScrollPane组件
图2-185 ScrollPane组件的“属性”面板
●horizontalLineScrollSize：当显示水平滚动条时，用以设置水平方向上的滚动条要水平移动的数量。其单位为像素，默认值为4。
●horizontalPageScrollSize：用于设置按滚动条时，水平滚动条上滚动滑块要移动的像素数。当该值为0时，该属性检索组件的可用宽度。
●horizontalScrollPolicy：用于设置水平滚动条是否始终打开。
●scrollDrag：用于设置当用户在滚动窗格中拖动内容时，是否发生滚动。
●source：用于设置滚动区域内的图像文件或SWF文件。
●verticalLineScrollSize：当显示垂直滚动条时，用来设置单击滚动箭头要在垂直方向上滚动多少像素。其单位为像素，默认值为4。
●verticalPageScrollSize：用于设置按滚动条时垂直滚动条上滚动滑块要移动的像素数。当该值为0时，该属性检索组件的可用高度。
●verticalScrollPolicy：用于设置垂直滚动条是否始终打开。