flex 共通アイテムの使い回し(コンポーネント)

2011/07/14

内容が同じComboBoxをどっかで一つにまとめる。
要はComboBoxをテンプレートのようにしたいってことだ。
それが「コンポーネント」と呼ばれるモノらしい。

「新規:MXMLコンポーネント」ってヤツを使う。
※ベースは使いたいヤツ。ComboBoxをコンポーネントにするならComboBoxを使う。

呼び出しは「local:○○○」って感じ。

メモ

オリジナル(コンポーネント前)

「sample.mxml」で「ComboBox」を使う。

sample.mxml

  1. <s:ComboBox id="sample">
  2.   <s:dataProvider>
  3.     <s:ArrayCollection>
  4.       <s:source>
  5.         <fx:Object label="1" data="1"/>
  6.         <fx:Object label="2" data="2"/>
  7.       </s:source>
  8.     </s:ArrayCollection>
  9.   </s:dataProvider>
  10. </s:ComboBox>

コンポーネントを使う

テンプレートにした「ComboBox」を「sample.mxml」で使う。
呼び出しは、ファイル名の拡張子なし。
下記例では、「templateComboBox.mxml」がテンプレートにした「ComboBox」。
「sample.mxml」でファイル名の拡張子なしの「templateComboBox」を使う。

sample.mxml

  1. <local:templateComboBox id="sample">

templateComboBox.mxml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <s:ComboBox xmlns:fx="http://ns.adobe.com/mxml/2009"
  3.       xmlns:s="library://ns.adobe.com/flex/spark"
  4.       xmlns:mx="library://ns.adobe.com/flex/mx">
  5.   <fx:Declarations>
  6.     <!−− 非ビジュアルエレメント (サービス、値オブジェクトなど) をここに配置 −−>
  7.   </fx:Declarations>
  8.   <s:dataProvider>
  9.     <s:ArrayCollection>
  10.       <s:source>
  11.         <fx:Object label="1" data="1"/>
  12.         <fx:Object label="2" data="2"/>
  13.       </s:source>
  14.     </s:ArrayCollection>
  15.   </s:dataProvider>
  16. </s:ComboBox>

新着(ニュース関連以外)

2018-07-26
年賀状で「新春」とか書くけど・・・何故なんだろうと8月を目前にした今、疑問に思った。
2018-05-16
PHPで画像のヘッダ情報(?)の「Orientation」を元に画像回転させたい。
2018-03-05
Android Studioをインストール。エミュレータを軽くするトコまで終わらせたかったけど、挫折した。
2018-02-23
プッシュ通知について調べてた時にでてきたServiceWorker。そのServiceWorkerについてのメモ。
2017-12-13
jqueryで取得したDOM要素をオブジェクトじゃなくて、配列で受け取りたい