官方文档介绍:
https://developer.apple.com/library/ios/qa/qa1686/_index.html
------------------------------------------------------
1 iOS设备的分辨率
iOS设备,目前最主要的有3种(Apple TV等不在此讨论),按分辨率分为两类
iPhone/iPod Touch 普屏分辨率 320像素 x 480像素 Retina分辨率 640像素 x 960像素
iPad,iPad2/New iPad 普屏 768像素 x 1024像素 Retina屏 1536像素 x 2048像素
2 iOS设计时用的点与分辨率的关系
尽管有上面列出的4种分辨率情况,不过细心的人会发现,对于Retina屏的分辨率始终保持为普屏的2倍,这对于iOS的设计还是开发的时候提供的莫大的方便,自然可以想到对于界面设计而言,只需要设计一套,然后进行等比例放大缩小即可。实际进行设计与开发的时候,也确实是这样,Apple为了防止在交流过程中(尤其对于编程实现)分辨率对思维的迷惑,统一使用点(Point)对界面元素的大小进行描述,例如:
iPhone/iPod Touch
界面描述 320点 x 480点
iPhone/iPad
界面描述 768点 x 1024点
换算关系
普屏 1点 = 1像素
Retina屏 1点 = 2像素
这样,不管我们是在为普屏还是Retina屏进行设计与开发,我们都可以清楚地,并且统一地使用点对界面元素的大小进行描述了。
3 iOS界面图片的命名
现在我们能够用统一的语言描述两种屏幕的界面元素的大小,但是我们如何针对不同屏幕设置不同分辨率的图片素材呢?难道说开发的时候我们要在每一个图片加载的地方进行,添加判断当前设备是否是Retina屏的语句,然后加载对应的图片吗?当然可以这样做,但是iOS有一套更简便的方法进行自动加载,即通过规范的文件名命名。例如下面这条加载图片的语句:
[UIImage imageNamed:@"pic.png"]]
在实际运行时,如果发现当前的设备是Retina屏,会自动寻找图片"pic@2x.png" ,自动加载针对Retina屏的图片素材,是不是很方便呢?
所以,我们在制作iOS设备时,可以仿照下面这样,对图片文件进行分类,对于640x960文件夹里的图片,文件命名添加"@2x"即可。
4 iOS应用常用图标的命名规范
可以参考下面两个文档:
Apple对此问题的Q&A
Apple的官方说明文档
请务必按照文档中描述的规范进行图标的命名!!
PS:一些额外的图标参考
a 图标会自动添加高亮效果,如果不需要,可以在plist中明确指定UIPrerenderedIcon的键值去掉
b 57像素的普屏的iPhone图标,图标圆角的半径为10像素
c 114像素Retina屏的iPhone图标,图标圆角的半径为20像素
d 512像素的用于iTunes/App Store的图标,在实际显示是会被缩放到175像素进行显示(但提交是不可以提交175像素)
e 72像素的普屏iPad图标,图标圆角的半径为13像素
f 144像素Retina屏iPad图标,图标圆角的半径为26像素
g 50像素iPad的Spotlight搜索图标的最终视觉大小是48像素,原因是iOS会对图标的每个边去掉1个像素,添加阴影效果
h 100像素Retina屏的Spotlight搜索图标的最终视觉大小是96像素,原因同上,这次是每边减2个像素
转:http://www.cnblogs.com/BigPolarBear/archive/2012/03/26/2417777.html
- 大小: 4.2 KB
- 大小: 6 KB
- 大小: 7.4 KB
- 大小: 5.9 KB
- 大小: 10.4 KB
- 大小: 9.8 KB
分享到:
相关推荐
iOS图表类框架AAChartKit
iOS 图表视图 JTChartView ,JTChartView 是一个新的轻量级和可以完全自定义的解决方法,用于绘制一条曲线,并填写下方的空...
极其精美而又强大的 iOS 图表组件库,支持柱状图、条形图、折线图、等等图表.zip,An elegant and friendly data visualization chart framework for Apple developers . Extremely powerful ,supports line, spline, ...
详细讲解打包流程及注意事项包括证配置,描述文件配置及上传App Store
iPad mini升级iOS7注意事项.docx
iOS 图表 BarChart ,BarChart 是 iOS 动态组件独立条形图表。
IOS 绘制自定义x,y轴的图表 实现 双曲线 双色柱状图
iOS图表库-折线图饼图等等,支持接口使用简单。适合用于各种数据展示
iOS图表控件..zip,iOS应用程序图表
iOS图表,曲线图,条形图,饼状图 可以随意修改颜色,内容个数等。 调用方法简单易懂
iOS 图表库 iOSPlot ,iOSPlot 是 iOS 的一个图表库,支持饼图和线图两种类型图表。
GGCharts 一个可以高度自定义的iOS图表框架,支持常见图表类型
iOS 图表框架 Cocoa-Charts ,Cocoa-Charts 是一个开源的 iOS 图表框架,基于 Apple Cocoa SDK 开发...
iOS 图表库 MPPlot ,MPPlot 是 iOS 上一个易于使用、定制和支持动画的图表库。
iOS 图表库 PNChart ,实现效果不错的曲线图和柱状图,可以动态生成图表。 [Code4App.com]
iOS图表控件 F3PlotStrip ,F3PlotStrip 可以让你绘制各种线图表。可自定义颜色、粗细,可控制显示数据的格式。
iOS图表二次定制 - 波浪折线图