フォームの作り方 - TextFieldやRadioButtonを配置してフォームを作る方法について。

日付の入力・選択にはDateFieldが便利 (formatStringで日付の書式を設定できる。

DateオブジェクトがselectedDateプロパティに格納される) 。

Validator - 必須項目のバリデーションは、以下のようなMXMLで記述できる。

<mx:StringValidator id="firstNameValidator"
    source="{firstNameTextInput}"
    property="text">

requiredFieldErrorでエラーメッセージを指定する。

n文字以上のバリデーションは、required="false" (デフォルトはfalse) とし、

minLengthで文字数, tooShortErrorでエラーメッセージを記述する

<mx:StringValidator id="lastNameValidator"
    source="{lastNameTextInput}"
    property="text"
    required="false"
    minLength="2"
    tooShortError="What kind of last name is that?"/>

EmailValidator, PhoneNumberValidator, ZipCodeValidator等も使用できる。

バリデーションのタイミングはtriggerEventで、どのコントロールのイベントを

モニタするかはtriggerプロパティで指定できる。

絶対配置 - layout="absolute"。絶対座標でコンポーネントの位置を指定する。

Flex Builderのデフォルトだが、Panel等のコンテナの中は相対配置で指定するのが

一般的。

相対配置 - 他のコンポーネントの位置やサイズを考慮して位置を決定する。

layout="vertical", layout="horizontal"がよく使われる。

コンテナ - MXMLでは子要素として記述、またはASでaddChild()を使うことで、

任意の数のコンポーネントを含めることができる。

<mx:Panel>
 <mx:TextInput/>
</mx:Panel>

Panel, HBox, VBox, Divided Box, Tile, Grid, Form等。

各子要素は0からインデックス番号がつけられ、getChildAt(1)でアクセスできる。

また、removeChild()で削除、swapChildren()で置換ができる。

サイズ - width, heightプロパティで、ピクセル数またはパーセントで指定できる。

ただし、ASではパーセント指定は、percentWidth, percentHeightで0-100の数値に

より行う。minWidth, maxWidth, minHeight, maxHeightで最小、最大サイズも指定

できる。

レイアウト - paddingLeft, paddingRight, paddingTop, paddingBottomで余白を

設定できる。また、horizontalGap, verticalGapで子要素間のギャップを指定する

方法もある。内部ではレイアウトは、以下の順に行われる。

- コンポーネントのデフォルトサイズの設定

- 最深の要素から順にサイズの算出

- 上位のコンテナから順にサイズと位置の決定

レイアウトのコントロール - Spacer, HRule, VRule等。

<mx:HBox width="250">
 <mx:Button label="Left"/>
 <mx:Spacer width="100%"/>
 <mx:Button label="Right"/>
</mx:HBox>