原生UIControls與jqTouch

Question

經過試驗了一堆JavaScript tabbars（大多數使用表單時失敗），我已經決定這可能是一個好主意去本土。

有人會知道如何將本地UIControls（標籤欄&標頭）合併到一個jqTouch應用程序。我仍然需要保持對標題中「後退」和「信息」按鈕的控制。

謝謝！ Glen

Answer 1

我我想出了最好的方法來實現這個工作，並且認爲我會分享代碼。

所以這是組合：jQTouch + Phonegap =與jQTouch協同工作的Native Tabbar。 IE瀏覽器。當您單擊一個標籤欄圖標時，它會將您帶到適當的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"); 
} 

Answer 2

您現在需要確定什麼是混合方法的好處？在花費所有時間編寫本地代碼以支持導航和選項卡以及標題欄之後，您將寫入相當一部分代碼。

然後嘗試將該代碼放在一起，以便接口回到Phonegap UIWebview，它將會（恕我直言）變得過於複雜......但是它可以完成。

我woud建議你先寫本機應用程序，並把它發揮作用，然後將該代碼到PhoneGap的Applicate背部集成委託

這裏是一個complete tutorial這將是一個很好的起點