リア充爆発日記

You don't even know what ria-ju really is.

TitaniumのTabGroupとNavigationGroupのほぼAPI和訳

調べたメモ。というかほとんど和訳

Facebookアプリみたいなナビバーを作るにはどうしたらいいんだろう。と思って調べ始めたところ、この2つの違いが気にかかったのでメモ。

こういうやつ。

TabGroup

http://docs.appcelerator.com/titanium/3.0/#!/api/Titanium.UI.TabGroup
かんたんにいうと、タブを格納するオブジェクトで、Twitterアプリとかでよくあるタブで画面を切り替えるところで使うやつ。

これ。

  • tabグループは1つ以上のTabオブジェクトを持つことができ、それぞれのTabはタップされるとフォーカスされ、それに関連したコンテンツを表示することができる。
  • tabグループはAndroidだと上に、iOSだと下に配置される
  • Androidでは、一度に1つだけしか存在できない。タブは一度追加されると削除できないし、並び替えも出来ない。
  • iOSでは、一度に1つ以上存在できる。追加したタブを削除できるし、並び替えもできる
  • 参考のView
    <Alloy>
        <TabGroup backgroundColor="white" >
            <Tab id="tab1" title="Tab 1" icon="KS_nav_views.png">
                <Window id="win1" title="Tab 1">
                   <Label id="label1" color="#999">I am Window 1</Label>
                </Window>
            </Tab>
            <Tab id="tab2" title="Tab 2" icon="KS_nav_views.png">
                <Window id="win2" title="Tab 2">
                    <Label id="label2" color="#999">I am Window 2</Label>
                </Window>
            </Tab>
            <!-- Use the Require tag to include external Ti.UI.Tab views -->
        </TabGroup>
    </Alloy>

NavigationGroup(Titanium.UI.iPhone.NavigationGroup)

http://docs.appcelerator.com/titanium/3.0/#!/api/Titanium.UI.iPhone.NavigationGroup
namespaceを見て分かる通りiPhone専用の一番上に配置される、「戻る」ボタンが左上にあるやつ。

これ


で、けっきょくFacebookライクなナビバーはどうやるのがいいんだ。TabGroupは用途違いだし、NavigationGroupはiOSオンリーだし。。
次回に続く。

Android/iPhone/Windows Phone対応 jQuery Mobileスマートフォンアプリ開発

Android/iPhone/Windows Phone対応 jQuery Mobileスマートフォンアプリ開発