CheckBox 구성 요소 사용

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

2. [구성 요소] 패널의 CheckBox 구성 요소를 스테이지로 드래그합니다.

3. 속성 관리자에서 다음을 수행합니다.

   • 인스턴스 이름으로 homeCh 를 입력합니다.

   • 폭(W) 값으로 140 을 입력합니다.

   • 레이블 매개 변수로 " Own your home ?"을 입력합니다.

4. [구성 요소] 패널에서 두 개의 RadioButton 구성 요소를 스테이지로 드래그하여 CheckBox 아래쪽과 오른쪽에 배치합니다. 속성 관리자에서 다음 RadioButton 값을 입력합니다.

   • 인스턴스 이름으로 underRb 및 overRb 를 입력합니다.

   • 두 RadioButton의 W(폭) 매개 변수로 120 을 입력합니다.

   • underRb 레이블 매개 변수로 Under $500,000? 를 입력합니다.

   • overRb 레이블 매개 변수로 Over $500,000? 를 입력합니다.

   • 두 RadioButton에 groupName 매개 변수로 valueGrp 를 입력합니다.

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

   homeCh.addEventListener(MouseEvent.CLICK, clickHandler); 
   underRb.enabled = false; 
   overRb.enabled = false; 
    
   function clickHandler(event:MouseEvent):void { 
       underRb.enabled = event.target.selected; 
       overRb.enabled = event.target.selected;     
   }

   이 코드에서는 CLICK 이벤트에 대해 homeCh CheckBox가 선택된 경우 underRb 및 overRb RadioButton을 활성화하고 homeCh 가 선택되지 않은 경우에는 둘 다 비활성화하는 이벤트 핸들러를 만듭니다. 자세한 내용은 Flash Professional용 ActionScript 3.0 참조 설명서 에서 MouseEvent 클래스를 참조하십시오.

6. [컨트롤] > [무비 테스트]를 선택합니다.

다음 예제에서는 이전 응용 프로그램과 동일한 응용 프로그램을 만들지만 이번에는 ActionScript를 사용하여 CheckBox와 RadioButton을 만듭니다.

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

2. [구성 요소] 패널의 CheckBox 구성 요소와 RadioButton 구성 요소를 현재 문서의 [라이브러리] 패널로 드래그합니다. [라이브러리] 패널이 열려 있지 않으면 Ctrl+L을 누르거나 [윈도우] > [라이브러리]를 선택하여 [라이브러리] 패널을 엽니다.

   이렇게 하면 응용 프로그램에서 구성 요소를 사용할 수 있지만 구성 요소가 스테이지에 배치되지는 않습니다.

3. [액션] 패널을 열고 기본 타임라인에서 프레임 1을 선택한 후 다음 코드를 입력하여 구성 요소 인스턴스를 만들고 배치합니다.

   import fl.controls.CheckBox; 
   import fl.controls.RadioButton; 
    
   var homeCh:CheckBox = new CheckBox(); 
   var underRb:RadioButton = new RadioButton(); 
   var overRb:RadioButton = new RadioButton(); 
   addChild(homeCh); 
   addChild(underRb); 
   addChild(overRb); 
   underRb.groupName = "valueGrp"; 
   overRb.groupName = "valueGrp"; 
   homeCh.move(200, 100); 
   homeCh.width = 120; 
   homeCh.label = "Own your home?"; 
   underRb.move(220, 130); 
   underRb.enabled = false; 
   underRb.width = 120; 
   underRb.label = "Under $500,000?"; 
   overRb.move(220, 150); 
   overRb.enabled = false; 
   overRb.width = 120; 
   overRb.label = "Over $500,000?";

   이 코드에서는 CheckBox() 생성자와 RadioButton() 생성자를 사용하여 구성 요소를 만들고 addChild() 메서드를 사용하여 스테이지에 해당 구성 요소를 배치합니다. 또한 move() 메서드를 사용하여 구성 요소를 스테이지에 배치합니다.

4. 이제, 다음 ActionScript를 추가하여 이벤트 리스너 및 이벤트 핸들러 함수를 만듭니다.

   homeCh.addEventListener(MouseEvent.CLICK, clickHandler); 
    
   function clickHandler(event:MouseEvent):void { 
       underRb.enabled = event.target.selected; 
       overRb.enabled = event.target.selected;     
   }

   이 코드는 CLICK 이벤트에 대해 homeCh CheckBox가 선택된 경우 underRb 및 overRb 라디오 버튼을 활성화하고 homeCh 가 선택되지 않은 경우에는 두 라디오 버튼을 비활성화하는 이벤트 핸들러를 만듭니다. 자세한 내용은 Flash Professional용 ActionScript 3.0 참조 설명서 에서 MouseEvent 클래스를 참조하십시오.

5. [컨트롤] > [무비 테스트]를 선택합니다.