Titanium Mobile/¥×¥í¥¸¥§¥¯¥È¿·µ¬ºîÀ® ¤Î¥Ð¥Ã¥¯¥¢¥Ã¥×(No.3)
- ¥Ð¥Ã¥¯¥¢¥Ã¥×°ìÍ÷
- º¹Ê¬ ¤òɽ¼¨
- ¸½ºß¤È¤Îº¹Ê¬ ¤òɽ¼¨
- ¥½¡¼¥¹ ¤òɽ¼¨
- Titanium Mobile/¥×¥í¥¸¥§¥¯¥È¿·µ¬ºîÀ® ¤Ø¹Ô¤¯¡£
Titanium Mobile¤Î¥×¥í¥¸¥§¥¯¥È¤Ï[File] - [New] - [Mobile Project]¤«¤é¹Ô¤¤¤Þ¤¹¤¬¡¢¿÷·Á¤Î¼ïÎब¿¤¤¤Î¤Ç¥á¥â¤Ç¤¹¡£
Classic
Default Project
¿÷·Á¤¬¶õ¤Î¥×¥í¥¸¥§¥¯¥È¡£´°Á´¤Ë¶õ¤Ç¤Ê¤¯¡¢app.jsÆâ¤ÇTabGroup¤äWindow¤òºî¤ë¥µ¥ó¥×¥ë¤¬Æþ¤Ã¤Æ¤¤¤Þ¤¹¡£
js¥Õ¥¡¥¤¥ë̾ | ÆâÍÆ |
app.js | TabGroup¤òÀ¸À®¤·¤Æ¡¢¥é¥Ù¥ëÆþ¤ê¤ÎWindow£²¤Ä¤òÄɲä·¤Æopen |
Single Window Application
¥·¥ó¥×¥ë¤Ê¥¦¥£¥ó¥É¥¦¥¢¥×¥ê¥±¡¼¥·¥ç¥ó¡£¥Ê¥Ó¥²¡¼¥·¥ç¥ó¥Ð¡¼¤ÏÉÕ¤¤¤Æ¤ª¤é¤º¡¢£±²èÌ̤Ǥ¤¤¤¤Î¤Ç²èÌ̤ò¹¤¯»È¤¤¤¿¤¤¾ì¹ç¤Ë¥ª¥¹¥¹¥á
js¥Õ¥¡¥¤¥ë̾ | ÆâÍÆ |
app.js | ¥¿¥Ö¥ì¥Ã¥È¡¦iPhone¡¦Android¤ÎȽÄê¤ò¤·¤Æ¡¢¤½¤ì¤¾¤ì¤ÎWindow¤ò³«¤¯ |
ui/handheld/ApplicationWindow.js | iPhoneÍѤÎWindow¡£¥·¥ó¥×¥ë¤ËFirstView¤òadd¤¹¤ë¡£var firstView = new FirstView(); self.add(firstView); |
ui/handheld/android/ApplicationWindow.js | AndroidÍÑ |
ui/tablet/ApplicationWindow.js | ¥¿¥Ö¥ì¥Ã¥ÈÍÑ |
ui/common/FirstView.js | ¥¿¥Ö¥ì¥Ã¥È¡¦iPhone¡¦Android¶¦Ä̤ÎView¡£¥µ¥ó¥×¥ë¤È¤·¤Æ¥¯¥ê¥Ã¥¯²Äǽ¤Ê¥é¥Ù¥ë¤òÇÛÃÖ |
Master/Detail Application
¥Æ¡¼¥Ö¥ë¤òɽ¼¨¤·¡¢ÁªÂò¤¹¤ë¤ÈÊÌ¥¦¥£¥ó¥É¥¦¤ò³«¤¯¥µ¥ó¥×¥ë¤Ç¤¹¡£iOS¤Ç¤Ï¥Ê¥Ó¥²¡¼¥·¥ç¥ó¥Ð¡¼¤âɽ¼¨¤µ¤ì¡¢ÊÌ¥¦¥£¥ó¥É¥¦¤Îº¸¾å¤òÁªÂò¤¹¤ë¤È¸µ¤Î¥Æ¡¼¥Ö¥ë¤ËÌá¤ê¤Þ¤¹¡£
js¥Õ¥¡¥¤¥ë̾ | ÆâÍÆ |
app.js | ¥¿¥Ö¥ì¥Ã¥È¡¦iPhone¡¦Android¤ÎȽÄê¤ò¤·¤Æ¡¢¤½¤ì¤¾¤ì¤ÎWindow¤ò³«¤¯ |
ui/handheld/ApplicationWindow.js | iPhoneÍѤÎWindow¡£NavigationGroup¤òadd¤¹¤ë¡£MasterView¤òÀ¸À®¤·¡¢¤½¤ì¤òÆâÊñ¤¹¤ëWindow¤òNavigationGroup¤Î½é´üÃͤËÀßÄê¡£DetailView¤È¤½¤ì¤òÆâÊñ¤¹¤ëWindow¤âͽ¤áÀ¸À®¤·¤Æ¤ª¤¡¢MasterView¤ò¤³¤³¤ÇaddEventListner¤·¤Æ¤¤¤Æ¡¢¥«¥¹¥¿¥à¥¤¥Ù¥ó¥È¤ò´Æ»ë¤·¤ÆȯÀ¸»þ¤ËDetailView¤Î¥«¥¹¥¿¥à¥¤¥Ù¥ó¥È¤ò¸Æ¤ó¤Ç¥Ñ¥é¥á¡¼¥¿¤òÅϤ·¡¢open¤ÇÀÚ¤êÂؤ¨¤ë¡£ |
ui/handheld/android/ApplicationWindow.js | AndroidÍÑ |
ui/tablet/ApplicationWindow.js | ¥¿¥Ö¥ì¥Ã¥ÈÍÑ |
ui/common/MasterView.js | TableView¤òÀ¸À®¤·¡¢¹Ô¤òclick¤¹¤ë¤È¼«¿È¤ÎView¤Î¥«¥¹¥¿¥à¥¤¥Ù¥ó¥È¤òȯÀ¸¤µ¤»¤ë¡£ |
ui/common/DetailView.js | ¼«¿È¤ÎView¤ËÂФ¹¤ë¥«¥¹¥¿¥à¥¤¥Ù¥ó¥È¤ò´Æ»ë¤·¡¢È¯À¸¤·¤¿¤é¥é¥Ù¥ëÆâÍƤò¹¹¿·¡£ |
Tabbed Application
¥¿¥ÖÉÕ¤¤Î¥¢¥×¥ê¥±¡¼¥·¥ç¥ó¿÷·Á¡£
js¥Õ¥¡¥¤¥ë̾ | ÆâÍÆ |
app.js | ApplicationTabGroup¤òÀ¸À®¤·¤Æ³«¤¤Þ¤¹¡£¥¿¥Ö¥ì¥Ã¥È¡¦¥¿¥Ö¥ì¥Ã¥È°Ê³°¡ÊiPhone¡¦Android¡Ë¤ÎȽÄê¤ò¤·¤Æ¡¢ApplicationTabGroupÀ¸À®»þ¤ËŬÀÚ¤ÊWindow¤òÅϤ·¤Æ¤¤¤Þ¤¹¡£ |
ui/handheld/ApplicationWindow.js | iPhone¤ª¤è¤ÓAndroidÍѤÎWindow¡£¥Ü¥¿¥ó¤ÇÊÌWindow¤ò³«¤¤Þ¤¹¡£ÊÌ¥¦¥£¥ó¥É¥¦¤«¤é¤Ï¥Ê¥Ó¥²¡¼¥·¥ç¥ó¥Ð¡¼¤ÎÌá¤ë¥Ü¥¿¥ó¤ÇÌá¤ê¤Þ¤¹¡£self.containingTab.open(Ti.UI.createWindow(...)); |
ui/tablet/ApplicationWindow.js | ¥¿¥Ö¥ì¥Ã¥ÈÍÑ |
ui/common/ApplicationTabGroup.js | Í¿¤¨¤é¤ì¤¿Window¥¯¥é¥¹¤ò¸µ¤ËWindow2¤Ä¤òÀ¸À®¤·¡¢Tab¤ËÆþ¤ì¤Æ¡¢Tab¤òTabGroup¤Ëadd¤·¤Æ¤¤¤Þ¤¹¡£ |
HTML-based
html¤Ç¥¢¥×¥ê¤òºî¤ëºÝ¤Î¿÷·Á¤Ç¤¹¡£HTML¥Õ¥©¥ë¥À¤Ëhtml¥Õ¥¡¥¤¥ë¤Ê¤É¤òÆþ¤ì¤Æ¤ª¤¯¤È¡¢¥¢¥×¥êµ¯Æ°¸å¤Ë¤½¤ì¤é¤òWebView¤ËÆɤ߹þ¤ó¤Çɽ¼¨¤·¤Þ¤¹¡£
js¥Õ¥¡¥¤¥ë̾ | ÆâÍÆ |
app.js | new ApplicationWindow().open() |
ui/ApplicationWindow.js | WebView¤òÀ¸À®¡£¼¡¤Î¤É¤ì¤«¤ÎApplicationWindowPlatform(window, webView, titleBarOn, drawerOn)¤ò¸Æ¤Ó½Ð¤¹¡£ |
ui/iphone/ui/ApplicationWindowPlatform.js | iOS¸ÇͤΥ¢¥×¥ê½èÍý¡£html¥í¡¼¥É¸å¤Ë¥Ê¥Ó¥²¡¼¥·¥ç¥ó¥Ð¡¼¥¿¥¤¥È¥ëÀßÄê¡¢Ìá¤ë½èÍý¤Ê¤É |
ui/android/ui/ApplicationWindowPlatform.js | Android¸ÇͤΥ¢¥×¥ê½èÍý |
ui/mobileweb/ui/ApplicationWindowPlatform.js | mobileweb¸ÇͤΥ¢¥×¥ê½èÍý |
ui/Drawer.js | iOSÍѤβ¼¤«¤é°ú¤½Ð¤»¤ëÉôʬ¤Î¥×¥í¥°¥é¥à |