SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

Adobe Developer Connection(AD)

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

  • X ポスト
  • このエントリーをはてなブックマークに追加

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に搭載されているモバイルコンポーネントスキンの例
図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
チャート すべて

次のページ
標準的なモバイルアプリケーションの構造

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
Adobe Developer Connection連載記事一覧

もっと読む

この記事の著者

Narciso Jaramillo(Narciso Jaramillo)

 Narciso (nj) JaramilloはFlex製品ラインの製品デザインを統括しています(場合によってはコードを記述することもあります)。Jaramilloは1997年にDreamweaver 1.0のエンジニアとしてMacromediaに入社し、その後、数バージョンにわたって製品デザインと製品開発のリーダを務めてきました。また、Macromedia ContributeのデザインおよびUI開発でもリーダを務めるとともに、Macromedia製品の統一UIのデザインにも携わってきまし...

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

【AD】本記事の内容は記事掲載開始時点のものです 企画・制作 株式会社翔泳社

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/6032 2011/07/15 14:00

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング