Question

我正在使用Phonegap.0.9.6，尝试在iPad应用中获取原生标签栏，但没有运气

我从github下载NativeControls并设置

在插件目录中添加.m和.h文件，在www目录中添加.js文件，同时在.js中添加index.html文件。还在NativeControls文件中添加了phonegap.plist作为键和值，并在index.html中使用了以下代码，但没有运气。

var nativeControls;
var tabBarItems = new Array('More','Favorites','Search');

function onBodyLoad()
{
    document.addEventListener("deviceready",onDeviceReady,false);
}

/* When this function is called, PhoneGap has been initialized and is ready to roll */
function onDeviceReady()
{             
    nativeControls = window.plugins.NativeControls;            
    setupTabBar();   
    showTabBar();
}

function setupTabBar()
{           
    nativeControls.createTabBar();                       
    var i = 0;
    for (i = 0; i < tabBarItems.length; i++)
    {
        setUpButton(tabBarItems[i]);
    }
    nativeControls.showTabBarItems('More', 'Search', 'Favorites');   
}

function showTabBar()
{
    var options = new Object();
    options.position = 'bottom';
    nativeControls.showTabBar(options);
}

function hideTabBar()
{
    nativeControls.hideTabBar();
}

function setUpButton(name)
{
    var options = new Object();
    options.onSelect = function()
    {
        alert(name);
    };
    nativeControls.createTabBarItem(name, name, 'tabButton:'+name, options);
}        

function onFail(mesage) {
    alert('Failed because: ' + message);
}

感谢。

Answer 1

如果有人仍在寻找解决方案，就像我一样，我发现https://github.com/tblomseth/cordova-ios-tab-bar基于Native Controls。我在这里做了一些调整和一个工作示例：https://github.com/squerb/cordova-ios-tab-bar。

Answer 2

根据他们的维基：

UIControls现在已经正式死亡，截至0.9.2，并且不会支持（它从来没有真正成为核心的一部分）。如果你还是希望这个功能看看于：HTTP：//github.com/phonegap/phonegap-plugins/tree/master/iPhone/NativeControls/

Source

ipad app中的Phonegap原生标签栏

2 个答案: