CheckBox コンポーネントの使用

1. 新しい Flash (ActionScript 3.0) ドキュメントを作成します。

2. CheckBox コンポーネントをコンポーネントパネルからステージまでドラッグします。

3. プロパティインスペクター内で次のように設定します。

   • インスタンス名として、 homeCh と入力します。

   • 幅（W）の値として、 140 と入力します。

   • label パラメーターに「 持ち家がある 」と入力します。

4. 2 つの RadioButton コンポーネントをコンポーネントパネルからステージにドラッグし、CheckBox の右側の下に配置します。プロパティインスペクターで、各コンポーネントについて以下の値を入力します。

   • それぞれのインスタンス名として underRb および overRb と入力します。

   • 両方の RadioButton の W（幅）パラメーターとして 120 と入力します。

   • label パラメーターの underRb に $500,000 以下と入力します。

   • label パラメーターの overRb に $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 が選択されていない場合には、それらを無効にします。詳しくは、「 Adobe Flash Professional CS5 用 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 RadioButton と overRb RadioButton を有効にし、 homeCh が選択されていない場合には、それらを無効にします。詳しくは、「 Adobe Flash Professional CS5 用 ActionScript 3.0 リファレンスガイド 」の MouseEvent クラスを参照してください。

5. 制御／ムービープレビューを選択します。