ColorPicker 구성 요소 사용

ColorPicker를 사용하면 응용 프로그램에서 사용자가 색상을 선택하여 다른 객체에 적용할 수 있습니다. 예를 들어, 사용자가 배경색이나 텍스트 색상 같은 응용 프로그램 요소를 원하는 방식으로 설정할 수 있게 하려면 ColorPicker를 포함시키고 사용자가 선택한 색상을 적용하면 됩니다.

사용자는 패널에서 견본을 클릭하거나 텍스트 필드에 16진수 값을 입력하여 색상을 선택합니다. 사용자가 색상을 선택하면 ColorPicker의 selectedColor 속성을 사용하여 응용 프로그램의 텍스트나 다른 객체에 색상을 적용할 수 있습니다.

사용자가 포인터를 ColorPicker 위로 이동하거나 Tab 키를 눌러 ColorPicker를 선택하면 ColorPicker 인스턴스로 포커스가 이동합니다. ColorPicker의 견본 패널이 열려 있으면 다음 키를 사용하여 ColorPicker를 제어할 수 있습니다.

속성 관리자나 구성 요소 관리자에서 각 ColorPicker 인스턴스에 대해 selectedColor , showTextField 등의 제작 매개 변수를 설정할 수 있습니다. 이러한 매개 변수에는 각각 같은 이름의 해당 ActionScript 속성이 있습니다. 이러한 매개 변수의 가능한 값에 대한 자세한 내용은 ActionScript 3.0 Reference for Flash Professional 에서 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를 클릭하고 색상을 선택하여 상자에 색상을 지정합니다.