Flex-custom-controls
フレックス-カスタムコントロール
Flexには、カスタムコンポーネントを作成する2つの方法があります。
- ActionScriptを使用する
- MXMLを使用する
ActionScriptを使用する
既存のコンポーネントを拡張することにより、コンポーネントを作成できます。 Flash Builderを使用してコンポーネントを作成するには、*ファイル>新規> ActionScriptクラス*をクリックします。
以下に示すように詳細を入力します-
Flash Builderは、次のCustomButton.asファイルを作成します。
MXMLを使用する
既存のコンポーネントを拡張することにより、コンポーネントを作成できます。 Flash Builderを使用してコンポーネントを作成するには、[ファイル]> [新規]> [MXMLコンポーネント]をクリックします。
以下に示すように詳細を入力します。
Flash Builderは、次のCustomLogin.mxmlファイルを作成します。
Flexアプリケーションでカスタムコントロールをテストするには、次の手順に従います-
Step | Description |
---|---|
1 | Create a project with a name HelloWorld under a package com.finddevguides.client as explained in the Flex - Create Application chapter. |
2 | Modify HelloWorld.mxml as explained below. Keep rest of the files unchanged. |
3 | Create CustomLogin.mxml and CustomButton.as component as explained above. Modify these files as explained below. Keep rest of the files unchanged. |
4 | Compile and run the application to make sure business logic is working as per the requirements. |
以下は、変更されたmxmlファイル src/com.finddevguides/client/CustomLogin.mxml の内容です。
以下は、変更されたmxmlファイル src/com.finddevguides/client/CustomButton.as の内容です。
以下は、変更されたmxmlファイル src/com.finddevguides/client/HelloWorld.mxml の内容です。
すべての変更が完了したら、link:/flex/flex_create_application [Flex-アプリケーションの作成]の章で行ったように、アプリケーションを通常モードでコンパイルして実行します。 アプリケーションに問題がない場合は、次の結果が生成されます。[link:/flex/samples/CustomControlApplicationl [Try it online]]