|
您唯一能對 ColorPicker 執行之調整大小的動作是透過它的樣式：
swatchWidth
、
swatchHeight
、
backgroundPadding
、
textFieldWidth
和
textFieldHeight
。如果您嘗試以
setSize()
方法搭配使用「變形」工具或 ActionScript，或使用
width
、
height
、
scaleX
或
scaleY
屬性來變更 ColorPicker 的大小，則在您建立 SWF 檔時會忽略這些值，而 ColorPicker 會依預設大小顯示。面板背景會調整大小以符合使用
setStyle()
針對
columnCount
樣式所設定的欄數。預設的欄數為 18。您可以設定多達 1024 個自訂顏色，而且面板將會以垂直方式調整大小，以符合色票的數目。
搭配 ColorPicker 組件使用樣式
您可以設定多種樣式來變更 ColorPicker 組件的外觀。例如，下列程序會將 ColorPicker 中的欄數 (
columnCount
) 變更為 12、變更色票的高度 (
swatchHeight
) 和寬度 (
swatchWidth
)，以及變更文字欄位 (
textPadding
) 和背景 (
backgroundPadding
) 的邊框間距。
-
建立新的 Flash 檔案 (ActionScript 3.0) 文件。
-
將 ColorPicker 組件拖曳到「舞台」，並為它指定實體名稱為
aCp
。
-
開啟「動作」面板，選取主要「時間軸」中的「影格 1」，然後輸入下列程式碼：
aCp.setStyle("columnCount", 12);
aCp.setStyle("swatchWidth", 8);
aCp.setStyle("swatchHeight", 12);
aCp.setStyle("swatchPadding", 2);
aCp.setStyle("backgroundPadding", 3);
aCp.setStyle("textPadding", 7);
-
選取「控制 > 測試影片」。
-
按一下以開啟 ColorPicker，並查看這些設定是以何種方式改變該組件的外觀。
搭配 ColorPicker 組件使用外觀元素
ColorPicker 組件會使用下列外觀元素來代表其視覺狀態。
您可以變更「Background Skin」元素的顏色，以變更面板背景顏色。
-
建立新的 Flash 檔案 (ActionScript 3.0) 文件。
-
將 ColorPicker 組件拖曳到「舞台」。
-
按兩下該組件，開啟其外觀元素的面板。
-
按兩下「Background Skin」，直到選取該外觀元素而且「填色」顏色挑選器出現在「屬性」檢測器中為止。
-
使用「填色」顏色挑選器選取 #999999，以便將該顏色套用到「Background Skin」。
-
按一下「舞台」上方編輯列左側的「後退」按鈕，回到文件編輯模式。
-
選取「控制 > 測試影片」。
當您按一下 ColorPicker 時，面板的背景應該會是灰色，如下圖所示。
具有深灰色「背景」外觀元素的 ColorPicker
|
|
|
