Tweet11月末にリリースされたFlex4.6で追加された新コンポーネントたちを、2回に分けてご紹介したいと思います。今回は以下の主な新コンポーネントについて、ご紹介します。CalloutSplitViewNavigator以下の3つについては、前回「その1」の方でご紹介しました。SpinnerListDateSpinnerToggleSwitchCallout吹き出しのようなポップアップを表示できるコンポーネントで、画面サイズに限りがあるデバイス系で重宝しそうです。CalloutButtonコンポーネントを使うと、ボタンとセットになったCalloutが使えます。(上図の左)以下のコードでは、calloutContent内にボタンを直接並べてますが、別のViewコンポーネント等を表示することもできます。–/></s:calloutContent></s:CalloutButton>また、以下のコードのようにボタン以外にもCalloutを表示することができます。(上図の右)Callout内のListで選択した値を、Closeイベント時に渡して、テキストに表示するサンプルです。?focusIn=”callout.open(textInput)”/>SplitViewNavigatorSplitViewNavigatorは、タブレット向けに追加された新コンポーネントで、縦画面・横画面でレイアウトを切り替えることができます。以下は、2つのViewの内1つを縦画面時はCalloutに隠してしまい、横画面時はそのまま表示する例になります。resizeイベントで縦横を検知し、ステートを切り替えます。name=”landscape”/></s:states>SplitViewNavigatorに複数のViewNavigatorを設置し、それぞれのfirstViewプロパティにViewを設定します。autoHideFirstViewNavigatorプロパティをtrueにしておくと、縦(portrait)表示時に自動的に1つ目のViewNavigatorを隠してくれます。デフォルトでCalloutが使用されます。「ListView」で、以下のように実装します。サイトのご利用にあたって。