Phonegap：在标签栏中添加自定义图标

Posted 2023-03-15

【中文标题】Phonegap：在标签栏中添加自定义图标

【英文标题】：Phonegap:Adding custom icons in tabbar

【发布时间】：2011-11-21 11:16:01

【问题描述】：

我需要在我的 iPhone 应用程序中的标签栏按钮上添加一些图标。我正在使用带有原生插件的 Phonegap 1.1.0 框架。我尝试了很多类似的方法：

nativeControls.createTabBarItem(tab.name, tab.name, ‘icon.png’, 选项）；

nativeControls.createTabBarItem(tab.name, tab.name, ‘tabButton:’+tab.name+”.png”, options);

但这些都不起作用。

请帮帮我。

【参考方案1】：

这就是我设置标签栏的方式：

var nativeControls = window.plugins.nativeControls; 
var options = "onSelect":onTabBarItemSelect; 

nativeControls.createTabBar();

nativeControls.createTabBarItem("radio", "4ZzZfm Radio", "/www/images/radio.png", options);
nativeControls.createTabBarItem("guide", "Program guide", "/www/images/calendar.png", options);
nativeControls.createTabBarItem("appsettings", "Settings", "/www/images/preferences.png", options);

nativeControls.showTabBarItems("radio","guide","appsettings");      
nativeControls.selectTabBarItem("radio");
nativeControls.showTabBar();

我认为问题在于您的图像路径。 NativeControls 插件需要一个从上述 www 文件夹开始的“完整”路径。