使用 ColorPicker 組件

ColorPicker 可以讓使用者選取顏色，並將該顏色套用到應用程式中的另一個物件。例如，若您要讓使用者能夠將應用程式的元素 (背景顏色或文字顏色等) 個人化，便可加入 ColorPicker 並套用使用者選取的顏色。

使用者可以按一下面板中某個顏色的色票，或是在文字欄位中輸入該顏色的十六進位值，藉以選擇該顏色。一旦使用者選取某個顏色之後，您便可以使用 ColorPicker 的 selectedColor 屬性，將該顏色套用到應用程式中的文字或另一個物件。

如果使用者將指標移動到 ColorPicker 實體上方或使用 Tab 鍵瀏覽至該實體，它就會成為焦點。當 ColorPicker 的色票面板開啟時，您可以使用下列按鍵加以控制：

您可以在「屬性」檢測器或「組件檢測器」中，為每個 ColorPicker 實體設定下列編寫參數： selectedColor 和 showTextField 。這些參數都具有相對應的 ActionScript 同名屬性。如需有關這些參數可能值的詳細資訊，請參閱 Flash Professional 的 ActionScript 3.0 參考 中的 ColorPicker 類別。

下列範例會在編寫期間，將 ColorPicker 組件加入應用程式。在此範例中，每一次變更 ColorPicker 中的顏色時， changeHandler() 函數都會呼叫 drawBox() 函數，繪製具有您在 ColorPicker 中選取之顏色的新方塊。

1. 建立新的 Flash (ActionScript 3.0) 文件。

2. 將 ColorPicker 從「組件」面板拖曳到「舞台」，並賦予實體名稱 aCp 。

3. 開啟「動作」面板，選取主要「時間軸」中的「影格 1」，然後輸入下列 ActionScript 程式碼：

   import fl.events.ColorPickerEvent; 
    
   var aBox:MovieClip = new MovieClip(); 
   drawBox(aBox, 0xFF0000);    //draw a red box 
   addChild(aBox); 
    
   aCp.addEventListener(ColorPickerEvent.CHANGE,changeHandler); 
    
   function changeHandler(event:ColorPickerEvent):void { 
       drawBox(aBox, event.target.selectedColor); 
   } 
    
   function drawBox(box:MovieClip,color:uint):void { 
               box.graphics.beginFill(color, 1); 
               box.graphics.drawRect(100, 150, 100, 100); 
               box.graphics.endFill();         
   }

4. 選取「控制 > 測試影片」。

5. 按一下 ColorPicker 並選取顏色，為方塊上色。