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：用于設置垂直滾動條是否始終打開。