Phonegap、phonegap build 和 tabbar

Phonegap, phonegap build and tabbar

我一直在 phonegap 中做一个项目,该项目需要在底部有一个 iOS 标签栏。我一直无法找到一个可用的插件,所以根据我在 objective C 中的一点知识,我拿了这个插件并对其进行了修改,以便它可以满足我们的需要:

https://github.com/tblomseth/cordova-ios-tab-bar

(请注意,我没有对标签栏功能进行任何更改)

我正在尝试将自定义图像添加到我的标签栏,我知道我可以使用 www/tab-bar.js 文件中定义的第三个参数来应用所述图像。

TabBar.prototype.createTabBarItem = function ( name, label, image, options ) {}

我的问题是我不太了解 phonegap build 如何编译应用程序,不知道如何引用图像让 ios 代码接管。

获取图像并将其应用于选项卡的代码如下:

item = [[UITabBarItem alloc] initWithTitle:title image:[UIImage imageNamed:imageName] tag:tag];

在该回购协议的 src/ios/CDVTabBar.m 中定义,但我的问题是如何引用图像的文件名?我尝试了以下方法:

None 以上方法均有效

我想通了!

我首先想到图像被移动到某种我需要知道路径的包中,但它不是,它被放置在一个类似于 plist 查找的文件中。

我的文件在我使用时被调用 www/img/icons/tabs/history.png:

  • /www/img/icons/tabs/history.png
  • history.png
  • /img/icons/tabs/history.png

我找到调用文件的方法如下:

  1. 从我的 Mac
  2. 上的 PhoneBapBuild 下载 APK 文件
  3. 将 .apk 扩展名更改为 .zip
  4. 解压缩文件
  5. 浏览payload的包内容
  6. 查看 _CodeSignature 目录中名为 CodeResources 的文件并找到文件名。

只要我将与此文件中的字符串相匹配的字符串放入,图像就会正常显示!