原生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这将是一个很好的起点