Flex 4.5 SDKとFlash Builder 4.5を使用したモバイルアプリケーション開発

Flex 4.5 SDKを使用したモバイルアプリケーションの開発

　上記で取り上げたデザインおよび開発に関する課題を解決するために、Flex 4.5の新しいモバイル開発機能では、Flex SDKの主要機能を拡張し、モバイル用のデザインパターンや実装パターンに合わせて最適化されたスキンおよびコンポーネントを提供しています。

モバイル対応のコアコンポーネント

　Flex 4.5では、いくつかの段階を経て、様々なFlexコアコンポーネントがタッチスクリーン式のデバイス上で正常に動作するかどうかを確認しています。

　Button、CheckBox、TextInputといったシンプルなコンポーネントに関して、タッチ入力に適したサイズに調整されたスキンを含むモバイルテーマが提供されています。これは、Flex 4で導入されたSparkコンポーネントアーキテクチャの柔軟性を利用することによって、コアコンポーネントのコードを修正することなく実現できました。さらに、提供されているモバイルスキンはActionScriptで作成されており、最適なパフォーマンスを実現します（これについては後述のパフォーマンスに関する節でも説明します）。図1では、Flex 4.5に搭載されているモバイルスキンの例を紹介しています。

図1. Flex 4.5に搭載されているモバイルコンポーネントスキンの例

　ScrollerやListといったより複雑なコンポーネントについては、タッチ操作によるスクロールができるようにコアコンポーネントに機能が追加されており、スクロールの最後ではバウンスエフェクトとプルエフェクトを使用できます。タッチ操作によるスクロールは、ScrollerおよびListで新しいinteractionModeスタイルをtouchに設定すると有効になります。モバイルテーマを使用する場合は、該当するすべてのコンポーネントでこのスタイルが自動的に設定されているので、タッチ操作を有効にするための作業は必要ありません。

　モバイルテーマの最初のバージョンでは、すべての従来のSparkコンポーネント向けにタッチ操作対応スキンは用意されていません。表1では、Flex 4.5でモバイルに対応しているコンポーネントを紹介しています。今後のリリースではさらに多くのコンポーネントが追加される予定です。

表1. Flex 4.5に搭載されているモバイル対応のコンポーネント

コントロール	BusyIndicator（新しいコンポーネント）
	Button
	ButtonBar
	CheckBox
	HSlider
	Image（BitmapImageもサポート対象）
	Label
	List（スクロールインジケーターを含み、タッチ操作によるスクロールをサポート）
	RadioButton / RadioButtonGroup
	TextArea
	TextInput
レイアウト	DataGroup
	Group
	HGroup
	Scroller（スクロールインジケーターを含み、タッチ操作によるスクロールをサポート）
	Spacer
	TileGroup
	VGroup
チャート	すべて