0

たくさんの JavaScript タブバー (フォームを使用するとほとんど失敗します) を試した後、ネイティブにするのが良い考えかもしれないと判断しました。

jqTouch アプリにネイティブ UIControls (タブバーとヘッダー) を組み込む方法を知っている人はいますか? ヘッダーの「戻る」ボタンと「情報」ボタンの制御を保持する必要があります。

ありがとう！グレン

4

2 に答える 2

0

これを機能させるための最良の方法を考え出したので、コードを共有したいと思います。

これがコンボです: jQTouch + Phonegap = ネイティブ Tabbar で、jQTouch と連携して動作します。すなわち。タブバー アイコンをクリックすると、適切な jQTouch ページに移動します。 

document.addEventListener("deviceready",setupToolbars);

function setupToolbars() {
 // Add these if you want the toolbar
 // window.uicontrols.createToolBar();
 // window.uicontrols.setToolBarTitle("Toolbar");

var activeTab;
activeTab = "#home"; // Better to have intro screen at home, and then make tab1 the first tab.

window.uicontrols.createTabBar();

window.uicontrols.createTabBarItem("tab1", "Tab1", "/www/images/tabs/yourimage1.png", {
  onSelect: function() {
    myName = "#home"
    if (activeTab != myName)
    {
        jQT.goTo("#home", "fade");
        activeTab = myName;
    }
  }
});

window.uicontrols.createTabBarItem("tab2", "Tab2", "/www/images/tabs/yourimage2.png", {
  onSelect: function() {
    myName = "#tab2"
    if (activeTab != myName)
    {
        jQT.goTo("#tab2", "fade");
        activeTab = myName;
    }
  }
});

window.uicontrols.createTabBarItem("tab3", "Tab3", "/www/images/tabs/yourimage3.png", {
  onSelect: function() {
    myName = "#tab3"
    if (activeTab != myName)
    {
        jQT.goTo("#tab3", "fade");
        activeTab = myName;
    }
  }
});

 window.uicontrols.createTabBarItem("tab4", "Tab4", "/www/images/tabs/yourimage4.png", {
  onSelect: function() {
    myName = "#tab4"
    if (activeTab != myName)
    {
        jQT.goTo("#tab4", "fade");
        activeTab = myName;
    }
  }
});

 window.uicontrols.showTabBar();
 window.uicontrols.showTabBarItems("tab1", "tab2", "tab3", "tab4");
}

于 2010-10-20T22:47:07.143 に答える
0

この時点で決定する必要があるのは、ハイブリッド アプローチの利点は何か? ナビゲーション、タブ、およびヘッダー バーをサポートするネイティブ コードの記述にすべての時間を費やすと、かなりの量のコードを記述したことになります。

次に、Phonegap UIWebview に戻るようにそのコードをまとめようとすると、非常に複雑になりますが、それは可能です。

最初にネイティブ アプリケーションを作成して機能させてから、そのコードを PhoneGap Applicate Delegate に統合することをお勧めします。

これは良い出発点となる完全なチュートリアルです

于 2010-10-18T21:08:05.077 に答える