|
Flash CS4 のリソース |
RadioButton コンポーネントの使用RadioButton コンポーネントを使用すると、 複数の選択肢の中から 1 つだけをユーザーに選択させることができます。このコンポーネントを使用する場合は、少なくとも 2 つの RadioButton インスタンスが含まれるグループを構成して使用します。 グループ内のメンバーは一度に 1 つしか選択できません。 1 つのラジオボタンを選択すると、同じグループ内でそれまで選択されていたラジオボタンは選択解除されます。 各ラジオボタンが所属するグループは、groupName パラメータによって設定します。 ラジオボタンは、Web 上の多くのフォームアプリケーションに使用される基本的な要素です。 いくつかの選択肢から 1 つをユーザーに選択させる場合に、ラジオボタンを使用します。 例えば、フォームでユーザーが使用するクレジットカードを選択させる場合などはラジオボタンを使用します。 RadioButton コンポーネントのユーザー操作ラジオボタンは有効または無効にすることができます。 無効なラジオボタンは、マウスおよびキーボードからの入力を受け付けません。ユーザーが RadioButton コンポーネントグループをクリックするか、Tab キーで移動すると、選択されているラジオボタンだけがフォーカスを取得します。 これにより、ユーザーは次のキーを使用した操作が可能になります。
フォーカスの制御方法について詳しくは、『ActionScript 3.0 言語およびコンポーネントリファレンス』の IFocusManager インターフェイスおよび FocusManager クラスの説明と、FocusManager の操作を参照してください。 ライブプレビューでは、オーサリング時にプロパティインスペクタまたはコンポーネントインスペクタでパラメータに加えた変更が、ステージ上の各 RadioButton インスタンスに反映されます。 ただし、一度に 1 つしか選択できないという動作はライブプレビューでは再現されません。 同じグループ内にある 2 つのラジオボタンについて selected パラメータを true に設定した場合、両方が選択状態になったように見えますが、実行時には後に作成したインスタンスだけが選択状態になります。詳しくは、RadioButton コンポーネントのパラメータを参照してください。 RadioButton コンポーネントをアプリケーションに追加する際に、次のコード行を追加することで、そのコンポーネントをスクリーンリーダーが読み取れるように設定できます。 import fl.accessibility.RadioButtonAccImpl; RadioButtonAccImpl.enableAccessibility(); 1 つのコンポーネントに対してアクセシビリティ機能を有効化する処理は、そのコンポーネントのインスタンスをいくつ使用するかに関係なく、一度だけ実行します。 詳しくは、『Flash ユーザーガイド』の第 18 章「アクセシビリティコンテンツの作成」を参照してください。 RadioButton コンポーネントのパラメータプロパティインスペクタまたはコンポーネントインスペクタで RadioButton コンポーネントの各インスタンスに設定できるオーサリングパラメータは、groupName、label、LabelPlacement、selected および value です。これらの各パラメータには、対応する同名の ActionScript プロパティがあります。 これらのパラメータに指定できる値については、『ActionScript 3.0 言語およびコンポーネントリファレンス』の RadioButton クラスを参照してください。 ActionScript を記述すれば、RadioButton クラスのメソッド、プロパティ、イベントを使用して、RadioButton インスタンスのその他のオプションを設定できます。 RadioButton コンポーネントを使用したアプリケーションの作成次の手順は、オーサリング時に RadioButton コンポーネントをアプリケーションに追加する方法を示しています。 この例では、「はい」または「いいえ」で回答する質問を表示するために RadioButton を使用します。 RadioButton のデータは TextArea に表示されます。
ActionScript を使用した RadioButton の作成この例では、ActionScript を使用して、赤、青、緑の各カラーの 3 つの RadioButton を作成し、灰色のボックスを描画します。各 RadioButton の value プロパティは、ボタンに関連付けられたカラーの 16 進数値を指定します。ユーザーがいずれかの RadioButton をクリックすると、clickHandler() 関数で drawBox() が呼び出され、RadioButton の value プロパティからカラーが渡されて、ボックスにカラーが適用されます。
|