AIR for Android い
2011.5.21
Android Hackathon 事前勉強会
京都 GTUG 藏野文子
自己紹
• 藏野文子
• 株 ソ 勤務
• や ワ ョンや組込
機器 画面 設計
• 京都 , 京都, 大阪女子部,
• Twitter: @ofuku3f
• Blog:http://ofuku.blog.so-net.ne.jp/
AIR for Android 何?
• Adobe Flash 技術 利用
ン向け 開発環境
• 画面 UI 作 比較的容易
• Flash 技術 慣 人向け?
AIR for Android AIR ?
• Adobe Integrated Runtime
• Flash 技術 利用 実現
ョン 開発キ 実行環境
•
– Window, Mac, Linux
AIR for Android AIR ?
• 実行環境 (AIR ン ) 無償提供
• 開発環境 (AIR SDK) も無償提供
– 但 Flash Builder4.5やFlash CS5.5 利用 方 開発効率 早い
主 機能
• ソ 関連
– へ
– USB , 外付けHDD等 外部 へ
– SQLite 内蔵
(暗号化 / ン ョン ン )
– API
• ワ 関連
– ン ン/ ン検知
– Soket ( Server/Client ) – UDP, TLS/SSL, IPV6等
主 機能2
• 表示関連
– HTML表示 Webkit搭載 – PDF表示
• 操作
等々
ン向け機能
• 加 度 ン
• BACK/Menu/Search ン ベン
• & ン
• ン キ
• 地理位置情報/GPS
• DB
• :Windwos, MacOS も可
• :Windows7 も可
ン向け機能
• HTML ン ン 表示
•
• ワ 情報
• UI
• 画面表示方向 変更
• 画面消灯制御
• 仮想キ
AIR2.5 主 API 対応一覧入力系
AIR2.5 主 API 対応一覧
出力系& ン 系
AIR2.5 主 API 対応一覧 系 1
AIR2.5 主 API 対応一覧 系 2
AIR 2 以降
• AIR 2 以降 各 向け 必要
機能 出
ョン記述
<supportedProfiles>desktop</supportedProfiles>
AIR 2 以降 用意 い
• Desuktop
– 向け 通信不可能
• extendedDesktop
– 向け ン 化
• MobileDevice
– Android, iPhone, iPod touch, iPad用 ョン 作成可能
• TV
– 使用 含有
– Blu-ray , , 等
• extendedTV
– AIRN 共 tv ン ョン用
– ョン ActionScript 拡張 可能
詳 い内容
英語版:
http://bit.ly/AirProfiles
日曓語版:
http://help.adobe.com/ja_JP/air/build/WS14
4092a96ffef7cc16ddeea2126bb46b82f-
8000.html
AIR2.6 追加
• 2 6 前空間 更新
<application xmlns="http://ns.adobe.com/air/application/2.6">
• キ
– ン ン 中 ン ン 表現 キ 可能
• ソ キ 制御
– ソ キ 開閉 検出
– ソ キ 開く 可能
O
び 参照
※ 2 6 開発者向け 引用
AIR2.6 追加
• ソ キ 表示 対 自動的 ン び
変更動作 無効化
– ソ キ 開い 際 キ 内
収 う 表示 調整 動作 動作 無効化
• 用 ン 用
– 用 ン あ
– ン い 手順 従う
※ 2 6 開発者向け 引用
AIR2.6 追加 3
• キ 操作
– : キ 操作 対 暷適化
– 選択 :操作 キ 選択 対 暷適化
– キ 一定時間 続け ン キ 開く
変更
• 代暶 可能
• O
– iOS
– iPhone 良く似 手順 作成可能
※ 2 6 開発者向け 引用
Android ン ン
状態
• Intent 利用可能
• Activity, Service, ContentProviders,
BroadcastReceiver
– AIR 明示的 利用不可能
– 後AIR ン 対応 も
思わ
対応状況
• C 言語等 書
現在呼び出
AIR for Android 開発 ?
• Flash CS5.5
• Flash Builder 4.5
– AIR SDK2.6 Flex SDK “H ero” 梱 – 補助 Adobe AIR LaunchPad
• Flex SDK
ソ 書く もあ 記 使う 便利
PC 用 AIR 開発
• HTML + JS → AIR
• MXML,ActionScript3 → SWF → AIR
AIR for Android 用 AIR 開発
• Flashベ ン
SWF → .apk へ
• キ 方法 使う Javascriptも利用可能
• Flash CS5.5, Flash Builder4.5 直接 Android へ.apk 書 出 可能
※Flashベ AIRもAPK
再 可能
Android SDK ン
• Java 環境
• Android SDK ン
• Android-sdk-windows 任意
場所 設置
• SDK Manager.exe 起動
• 必要 選択
– USB Driverも
Android 端曒 (OS2.2 以 設定
• 設定 > ョン > 提供元不明
• 画面 開発 選択
• USB 入
• PC 接続 あ 場所 指示
ン
• Android AIR ン ン
実機 ン
Adobe Flash Professional CS5.5 利用
• Flash CS5.5 起動 AIR for Android 選択
※図 Flash CS5 時 も 古い
ン 選択
• Accelerometer 選択
※図 Flash CS5 時 も 古い
設定
• 取 あえ
設定
• 右 設定 ン 選択
※図 Flash CS5 時 も 古い
設定
※図 Flash CS5 時 も 古い
LaunchPad Flash Builder 使
Laun chPad 利用
• Adobe AIR Laun chPad 起動
• 選択
設定 ョン や
ョン 記述
構成 必要 機能
ン 必要
生成 保存
Flash Builder 利用
• Flash Builder Laun chPad
生成 読 込
• ソ 変更
• 実行構成 起動方法 選択
• 実機 確認可能
Flex Helo 概要
Flex Helo 基曓構
<s:Mobile Application>
ョン
ン ン
<s:ViewNavigator>
MobileApplication 一 け 生成
View ン 担当
キ ン 担当
<s:View>
一 画面表示 担当
階層画面 ン
• 多階層 画面構 場合
– 自前 階層 ン 大変
対応
•
– 画面 = View
Flex Framwork ン
– View 多く
破棄 も キ
次回 時 再構築
ョン 方法
• 次 画面へ
– navigator.push(NextViewClassName.data);
• 前 画面へ
– navigator.pop()
• 全 消
– navigator.popAll()
• 暷初 画面へ
– navigator.popToFirstview()
ョン 基曓構
画面 キンも 環境 暷適化
• ン等 ン ン
操作
対応
• 操作も
ワ 等
対応
練習用資料
• Tutorial: Flex Android 90 Minutes
http://coenraets.org/blog/2010/12/tutorial-
flex-for-android-in-90-minutes/
– 翻訳版: Cuaoar.jp 条彰宏氏
• http://cuaoar.jp/2011/01/flex-android.html
参考
• AIR/ Flash for Android Group (AF4A)
– Flash 系 日曓Android 会 ワ キン
– http://group.google.com/group/AF4A/
• Flex User Group (FxUG)
– Flex 世界暷大規模 開発者
– http://fxug.net/
• Adobe Developer Connection (ADC)
– 技術者向け 情報
– http://www.adobe.com/jp/devnet/
参考
• 2 6 開発者向け
• 2 6 公開 O
– 氏
• 作成: ,
– ン :
永井勝則氏 記述
謝辞
資料作成 当
FxUG主催 横田聡様 株式会社
轟啓 様 厚意
記資料 引用許可 頂
(日曓 ン 会 京都支部 第 回発表時 許可い い も
利用 い )
Flex 4.5 Hero ョン開発
http://www.adobe.com/jp/joc/max/articles/retweet_flex3/
Air for android with flex
http://www.slideshare.net/keisuke322/air-for-android-with-flex
感謝 意 表