More Related Content
Similar to Titanium mokumoku 20140319
Similar to Titanium mokumoku 20140319 (20)
Recently uploaded
Recently uploaded (10)
Titanium mokumoku 20140319
- 6. Titaniumの悪循環
- 8. プロジェクト作成編
- 10. なんで？ Titanium 3.1.3 Android Titanium 3.2.1 Android
- 11. Titanium SDK 3.2.1だとデフォルトでAndroidの UIのサイズが最適化されるよ(<property name=“ti.ui.defaultunit” type=“string”>dp</property>) Titanium SDK 3.2.1だと、Androidのデザインも かっちょよくなるよ(Theme.holo) なんで？
- 12. 新規プロジェクトの 選択について 画面遷移が発生する アプリだとわかって いる場合、 タブを使わなくても Two-tabbed Alloy Applicationのほうが いい プロジェクト作成編
- 13. 画面遷移の処理方法をiOS,Androidで統一できるから （iOSのNavigationWindowとか意識しなくていい） なんで？ #グローバルに現在のタブを保持 $.index.addEventListener "open", (e) -> Alloy.Globals.currentTab = e.source.activeTab if e?.source?.activeTab? $.index.addEventListener "focus", (e) -> Alloy.Globals.currentTab = e.tab if e?.tab? clickMe = (e)-> nextwindow = Ti.UI.createWindow() Alloy.Globals.currentTab.open nextwindow #ここで画面遷移 $.index.open() app/controller/index.coffee
- 15. Controller編
- 17. Controller編 #共通機能クラス部分 class HogeWindowInplBase constructor:-> hello:(e)-> alert "hello" thankyou:-> alert "Thank you" #OSによって使用する継承クラスを決定 IMPL = if OS_IOS then class HogeWindowInplIos extends HogeWindowInplBase hello:(e)-> alert "hello iOS" else if OS_ANDROID then class HogeWindowInplAndroid extends HogeWindowInplBase hello:(e)-> alert "hello Android" #コントローラ実装部 impl = new IMPL() clickHello = (e)-> impl.hello() #ここはOSによって異なる clickThankyou = (e)-> impl.thankyou() #ここはOS共通 app/controllers/HogeWindow.coffee
- 19. UI編
- 20. まずは、どのOSでも使える部品のみを使って画面 を組み立てる ドキュメントとにらめっこしましょ う その上で、OS個別の部品を使いたくなったら、 app/view/{それぞれのOS}/{ファイル名}.xmlを作成す る UI編
- 21. UI編 ファイル構成例 └── views ├── UIWindow.xml ←OS独自のビューが設定されていない場合 ├── index.xml └── ios └── UIWindow.xml ←iOS独自のビュー
- 22. UI編 iOS/UIWindow.xml UIWindow.xml <Alloy> <Window> <View class="container"> <Button >hello</Button> <Button >thankyou</Button> </View> </Window> </Alloy> <Alloy> <Window> <Toolbar class="container"> <Items> <Button >hello</Button> <Button >thankyou</Button> </Items> </Toolbar> </Window> </Alloy> ※iOSなので、せっかくだからToolbarを使いたい!
- 23. UI編 iOS Andoird