我正在使用Cordova 3.5构建一个应用程序,其中包含一个菜单,在列表中包含相当标准的项目(主页,联系人等),我希望尽可能使用本地菜单图标。我相信这些图标已经作为操作系统的一部分出现在设备上,但我不知道科多瓦是否给了我一种方法来参考它们。
我想我需要编写Javascript函数来根据平台选择正确的文件名,例如:
// this is pseudocode
var icon = '';
if (platform === 'android') {
icon = 'some/path/home.png';
} else {
icon = 'other/path/icon.home.png';
// or maybe a function such as the following exists:
// icon = cordova.getNativeIcon('icon.home.png');
}
$('.selector').css('background-image', icon);或者,我可以通过引用CSS中的文件来完成任务,例如:
.android .home-icon {
background-image: url('some/path/home.png');
}
.ios .home-icon {
background-image: url('other/path/icon.home.png');
}那么,科多瓦的人们是如何处理这类事情的呢?是否有一个函数可以用来访问本机图标?人们只是把它们复制到他们的项目中吗?最好的做法是什么?
发布于 2014-10-14 05:10:09
如果您正在使用Cordova,那么您将在主机操作系统提供的web视图中工作,您将无法直接访问任何艺术品。我已经发现,使用图标字体和CSS“主题”工作足够好,但这种方法将复制已经提供的艺术品。例如,iOS 6和iOS 7或8的主题化需要额外的工作,但并不像听起来那么糟糕。
IBM确实有一篇关于在本地控件和web控件之间划分视图的文章,但它听起来有点麻烦。这里有更多详细信息:applications
https://stackoverflow.com/questions/26346446
复制相似问题