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 中定义,但我的问题是如何引用图像的文件名?我尝试了以下方法:
- 完整路径
- 单个文件名
- 在config.xml 文件
中引用的单个文件名
None 以上方法均有效
我想通了!
我首先想到图像被移动到某种我需要知道路径的包中,但它不是,它被放置在一个类似于 plist 查找的文件中。
我的文件在我使用时被调用 www/img/icons/tabs/history.png
:
- /www/img/icons/tabs/history.png
- history.png
- /img/icons/tabs/history.png
我找到调用文件的方法如下:
- 从我的 Mac
上的 PhoneBapBuild 下载 APK 文件
- 将 .apk 扩展名更改为 .zip
- 解压缩文件
- 浏览payload的包内容
- 查看
_CodeSignature
目录中名为 CodeResources
的文件并找到文件名。
只要我将与此文件中的字符串相匹配的字符串放入,图像就会正常显示!
我一直在 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 中定义,但我的问题是如何引用图像的文件名?我尝试了以下方法:
- 完整路径
- 单个文件名
- 在config.xml 文件 中引用的单个文件名
None 以上方法均有效
我想通了!
我首先想到图像被移动到某种我需要知道路径的包中,但它不是,它被放置在一个类似于 plist 查找的文件中。
我的文件在我使用时被调用 www/img/icons/tabs/history.png
:
- /www/img/icons/tabs/history.png
- history.png
- /img/icons/tabs/history.png
我找到调用文件的方法如下:
- 从我的 Mac 上的 PhoneBapBuild 下载 APK 文件
- 将 .apk 扩展名更改为 .zip
- 解压缩文件
- 浏览payload的包内容
- 查看
_CodeSignature
目录中名为CodeResources
的文件并找到文件名。
只要我将与此文件中的字符串相匹配的字符串放入,图像就会正常显示!