码迷,mamicode.com
首页 > 移动开发 > 详细

ThemeableBrowser在IOS中按钮图片的使用

时间:2017-09-16 17:18:21      阅读:324      评论:0      收藏:0      [点我收藏+]

标签:conf   library   html   table   har   ane   pix   order   view   

 

 

1. 首先确保图片的名称为 ***@1x.png, ***@2x.png 或 ***@3x.png

iPhone —— iPhone3GS ***@1x.png
iPhone —— iPhone6 ***@2x.png
iPhone 6 Plus and above ***@3x.png

2. 复制图片到以下目录

<cordova_project_root>/platforms/ios/<project_name>/Resources
Resources文件夹不存在的话,请自行创建。

3. 复制图片到XCode的Resources文件夹下

技术分享

大功告成!!!下来就可以在项目中正常使用了

技术分享

 

 

To import image resources for iOS, it is slightly trickier, because you have to register your file in Xcode project file with help from Xcode, and there are two ways of doing this. Let‘s start with the old school way. iOS also shares similar concept with Android in terms of pixel density. iPhone to iPhone 3GS uses 1x the resolution, iPhone 4 to iPhone 6 uses 2x the resolution while iPhone 6 Plus and above uses 3x the resolution (even though it‘s actually down scaled, but that‘s a different discussion). In the old school way, you have to name your images with @1x@2x, and @3x suffix with respect to their target density. eg. icon@2x.pngHere is a documentation that explains this concept. You then have to move it under

<cordova_project_root>/platforms/ios/<project_name>/Resources

Then open your native iOS project with Xcode by double clicking on

<cordova_project_root>/platforms/ios/<project_name>.xcodeproj

In the left hand side panel, make sure you are in Project navigator tab. Then you can see a list of directories under your project. One of them being Resources, but you don‘t see your newly added images there. Now you need to drag your images fron Finder to Xcode and drop it under Resource folder. In your JavaScript config, you can then reference to them without suffix or extension. eg. With the previous example, simply icon will suffice.

               

               

ThemeableBrowser在IOS中按钮图片的使用

标签:conf   library   html   table   har   ane   pix   order   view   

原文地址:http://www.cnblogs.com/ImaY/p/7531505.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!