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.8.2 组件的分类与应用

下面介绍几种典型组件的参数设置与应用。

1．Button组件

Button组件为一个按钮，如图2-176所示。使用按钮可以实现表单提交以及执行某些相关的行为动作。在舞台中添加Button组件后，用户可以通过“属性”面板设置Button组件的相关参数，如图2-177所示。该面板的主要参数含义如下。

●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。

●selected：用于设置多选按钮的初始值为被选中或取消选中。被选中的多选按钮会显示一个对勾，其参数值为true。如果将其参数值设置为false，表示会取消选择多选按钮。

3．ComboBox组件

ComboBox组件为下拉列表框的形式，如图2-180所示。用户可以在弹出的下拉列表框中选择其中一个选项。在舞台中添加ComboBox组件后，可以通过“属性”面板设置ComboBox组件的相关参数，如图2-181所示。该面板的主要参数含义如下。

●dataProvider：用于设置下拉列表当中显示的内容，以及传送的数据。

●editable：用于设置下拉列表中显示的内容是否为编辑状态。

●prompt：用于设置ComboBox组件开始显示时的初始内容。

●rowCount：用于设置下拉列表框中可显示的最大行数。

4．RadioButton组件

RadioButton组件为单选按钮组件，可以供用户从一组单选按钮选项中选择一个选项，如图2-182所示。在舞台中添加RadioButton组件后，用户可以通过“属性”面板设置RadioButton组件的相关参数，如图2-183所示。该面板的主要参数含义如下。

●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所示。该面板的主要参数含义如下。

●horizontalLineScrollSize：当显示水平滚动条时，用以设置水平方向上的滚动条要水平移动的数量。其单位为像素，默认值为4。

●horizontalPageScrollSize：用于设置按滚动条时，水平滚动条上滚动滑块要移动的像素数。当该值为0时，该属性检索组件的可用宽度。

●horizontalScrollPolicy：用于设置水平滚动条是否始终打开。

●scrollDrag：用于设置当用户在滚动窗格中拖动内容时，是否发生滚动。

●source：用于设置滚动区域内的图像文件或SWF文件。

●verticalLineScrollSize：当显示垂直滚动条时，用来设置单击滚动箭头要在垂直方向上滚动多少像素。其单位为像素，默认值为4。

●verticalPageScrollSize：用于设置按滚动条时垂直滚动条上滚动滑块要移动的像素数。当该值为0时，该属性检索组件的可用高度。

●verticalScrollPolicy：用于设置垂直滚动条是否始终打开。