Button 구성 요소 사용

응용 프로그램에서 버튼을 활성화하거나 비활성화할 수 있습니다. 버튼이 비활성화된 상태에서는 마우스 또는 키보드 입력을 수신하지 못합니다. 활성화된 버튼은 클릭하거나 Tab 키를 눌러 이동하면 포커스를 받게 됩니다. Button 인스턴스가 포커스를 받으면 다음 키를 사용하여 제어할 수 있습니다.

포커스 제어에 대한 자세한 내용은 Flash Professional용 ActionScript 3.0 참조 설명서 의 IFocusManager 인터페이스 및 FocusManager 클래스와 FocusManager를 사용한 작업 을 참조하십시오.

각 Button 인스턴스의 실시간 미리 보기에는 제작하는 동안 속성 관리자나 [구성 요소 관리자]에서 변경한 매개 변수가 반영됩니다.

버튼을 응용 프로그램의 기본 누름 버튼(사용자가 Enter 키를 누를 때 click 이벤트를 받는 버튼)으로 지정하려면 FocusManager.defaultButton 을 설정합니다. 예를 들어, 다음 코드에서는 submitButton 이라는 Button 인스턴스를 기본 버튼으로 설정합니다.

FocusManager.defaultButton = submitButton;

응용 프로그램에 Button 구성 요소를 추가할 때 다음 ActionScript 코드를 추가하여 화면 판독기에서 해당 구성 요소에 액세스할 수 있게 만들 수 있습니다.

import fl.accessibility.ButtonAccImpl; 
 
ButtonAccImpl.enableAccessibility();

구성 요소에 대한 액세스 가능성은 만드는 인스턴스 수에 관계없이 한 번만 활성화하면 됩니다.

속성 관리자([윈도우] > [속성] > [속성])나 [구성 요소 관리자]([윈도우] > [구성 요소 관리자])에서 각 Button 인스턴스에 대해 emphasized , label , labelPlacement , selected , toggle 등의 제작 매개 변수를 설정할 수 있습니다. 이러한 매개 변수에는 각각 같은 이름의 해당 ActionScript 속성이 있습니다. 이러한 매개 변수에 값을 지정하면 그에 따라 응용 프로그램에서 해당 속성의 초기 상태가 설정됩니다. 하지만 ActionScript에서 속성을 설정하면 매개 변수에 지정한 값이 재정의됩니다. 이러한 매개 변수의 가능한 값에 대한 자세한 내용은 ActionScript 3.0 Reference for Flash Professional 에서 Button 클래스를 참조하십시오.

다음 절차에서는 응용 프로그램을 제작하는 동안 Button 구성 요소를 추가하는 방법을 설명합니다. 이 예제에서는 Button을 클릭하면 ColorPicker 구성 요소의 상태가 변경됩니다.

1. 새 Flash(ActionScript 3.0) 문서를 만듭니다.

2. [구성 요소] 패널의 Button 구성 요소를 스테이지로 드래그하고 속성 관리자에서 다음 값을 입력합니다.

   • 인스턴스 이름으로 aButton 을 입력합니다.

   • label 매개 변수로 Show 를 입력합니다.

3. ColorPicker를 스테이지에 추가하고 인스턴스 이름을 aCp 로 지정합니다.

4. [액션] 패널을 열고 기본 타임라인에서 프레임 1을 선택한 후 다음 ActionScript 코드를 입력합니다.

   aCp.visible = false; 
    
   aButton.addEventListener(MouseEvent.CLICK, clickHandler); 
    
   function clickHandler(event:MouseEvent):void { 
        
       switch(event.currentTarget.label) { 
           case "Show": 
               aCp.visible = true; 
               aButton.label = "Disable"; 
               break; 
           case "Disable": 
               aCp.enabled = false; 
               aButton.label = "Enable"; 
               break; 
           case "Enable": 
               aCp.enabled = true; 
               aButton.label = "Hide"; 
               break; 
           case "Hide": 
               aCp.visible = false; 
               aButton.label = "Show"; 
               break; 
       } 
   }

   두 번째 코드 행은 clickHandler() 함수를 MouseEvent.CLICK 이벤트의 이벤트 핸들러 함수로 등록합니다. 사용자가 Button을 클릭하면 이벤트가 발생하고 clickHandler() 함수가 Button 값에 따라 다음 액션 중 하나를 수행합니다.

   • Show는 ColorPicker를 보이게 하고 Button 레이블을 Disable로 변경합니다.

   • Disable은 ColorPicker를 비활성화하고 Button 레이블을 Enable로 변경합니다.

   • Enable은 ColorPicker를 활성화하고 Button 레이블을 Hide로 변경합니다.

   • Hide는 ColorPicker를 보이지 않게 하고 Button 레이블을 Show로 변경합니다.

5. [컨트롤] > [무비 테스트]를 선택하여 응용 프로그램을 실행합니다.