UISCREEN 和支持高分辨率的显示屏
UIScreen对象包含了整个屏幕的边界矩形。当构造应用的用户界面接口时,你应该使用该对象的属性来获得推荐的矩形大小,用以构造你的程序窗口。
let mainScreen = UIScreen.mainScreen();
window = UIWindow(frame: UIScreen.mainScreen().bounds);
println("bounds: \(mainScreen.bounds)\napplicationFrame:\(mainScreen.applicationFrame)\nscale:\(mainScreen.scale)");
println(window!.screen === UIScreen.mainScreen());
window!.makeKeyAndVisible() ;
//test@2x.png
let image = UIImage(named:"test");
let imageView = UIImageView(image: image);
println(image.scale);//2.0
println(image.size);//160 120
println(imageView.bounds.width);//160.0
window!.addSubview(imageView);
输出的结果:
bounds: (0.0,0.0,768.0,1024.0)
applicationFrame:(0.0,20.0,768.0,1004.0)
scale:2.0
true
我们使用的显示器,一般都是一个点一个像素..iphone4是1个点两个像素.当在scale=2.0的屏幕上使用@2x的图片,实际上就是告诉ios,这个图片再显示屏幕上一个点需要显示两个像素,他image的width和height就是缩小了两倍 ,该宽度和告诉.也是点数..
所以只要制作的时候做一份640*960的尺寸的ui作为@2x就可以了.
支持高分辨率显示屏的清单
为了适应具有高分辨率显示屏的设备,需要做如下几项:
- 在应用程序包中,为每个图片资源提供高分辨的图片
- 为应用和文档图标提供高分辨率的图片
- 基于矢量的图形和内容,要如以前一样继续使用Core Graphics和UIKit的drawing代码
- 直接使用Core Animation图层时,在绘画之前可能需要调整比例系数(scale factor)
- 使用OpenGL ES进行绘画,要判断是否需要加入高分辨率绘画支持,要合理的设置图层的比例系数
- 对于创建的自定义图片,需要更新创建图片的代码,要考虑比例系数的影响
- 如果应用中直接提供了Core Animation图层的内容,要按需要调整代码
无偿得到的绘画优化
IOS中的绘画技术提供了强大的支持,帮助开发者以最佳的方式渲染绘画内容,而不管当前显示屏所处的是何种分辨率。
- 标准的UIKit views(text views , buttons , table views , 等等)在任何分辨率下会保证正确的渲染
- 基于矢量的内容(UIBezierPath , CGPathRef,PDF)自动充分利用任何额外的像素点来修复图形线条的锯齿。
- 文本(Text)在高分辨率下自动补齐锯齿。
- UIKit支持自动加载为高分辨率准备的图片(@2x)
现存的绘画代码之所以能以正常的方式工作,是因为本地的绘画技术,如Core Graphics已近考虑了当前的比例系数。例如,如果view实现的drawRect:方法,UIKit自动将当前屏幕的比例系数值设置到view中。此外,在绘画过程中,UIKit自动修正任何绘画环境使用的当前旋转矩阵(current tansformation matrix CTM),考虑view的比例系数。之后利用 drawRect方法生成的内容会在当前设备屏幕下以合适的比例进行缩放。
如果应用程序只使用本地的绘画技术来渲染其内容,唯一要做的是为使用的图片提供高分辨率的版本。只使用系统的view或只依赖矢量内容的应用可以不用做任何修改。但是使用了图片的应用程序在高分辨率显示屏下,需要提供这些图片的新版本。尤其注意的是,要将图片放大两倍,在水平和竖直方向上提供两倍于原来数量的像素,总的来说是要提供四倍的像素。
更新图片资源文件
运行在IOS4的应用程序现在要为每张图片提供两个单独的文件。一个用于标准分辨率下,另一个用于高分辨率。每组图片的命名约定如下:
- 标准版: <ImageName><device_modifier>.<filename_extension>
- 高分辨率版: <ImageName>@2x<device_modifier>.<filename_extension>
<ImageName>和<filename_extension>部分指定了文件的普通名称和扩展名。<device_modifier>部分是可选的,可以在字符串-ipad和-iphone二者中选一。这两个标识符可以为iPad和iPhone同一个文件的不同版本。新增的@2x标识符表明图片应用于高分辨率,系统知道该图片是标准图片在高分辨率下的变体。
需要注意,创建高分辨率版本的图片需要与原始版本的图片放在application包下的同一位置。
加载图片到应用程序中
UIImage类处理了所有需要加载高分辨率图片到应用中的工作。当创建一个新的image对象后,只要以同样的名称来同时请求图片的标准版和高分辨率版即可。例如,如果有两张图片文件,名为Button.png和Button@2x.png,只要用以下代码请求图片即可:
1 |
UIImage* anImage = [UIImage imageNamed:@ "Button" ]; |
注意,在IOS4及以后的版本,可以省略文件扩展名而只提供图片名称即可。
在高分辨率显示屏下, imageNamed:, imageWithContentsOfFile:, 和initWithContentsOfFile: 方法自动查找具有@2x名称的图片。如果找到,则会加载该图片。如果没有提供给定图片的高分辨率版本,image对象仍会加载标准版的图片资源,并在绘画过程中将其缩放.
注意,如果使用Core Graphics创建图片,谨记Quartz图片并没有一个显示的比例系数,它们的比例系数会假定为1.0.如果从 CGImageRef数据类型中创建UIImage对象,需要使用 initWithCGImage:scale:orientation:方法来执行该创建操作。该方法允许添加一个指定的比例系数到Quartz图像数据中。
UIImage对象在绘画过程中会自动考虑自身的比例系数。这样,只要在程序中提供正确的图片资源,任何渲染image的代码都会正常工作。
使用Image View展示图片
程序中使用UIImageView对象来展示图片,所有添加到该view的图片必须使用相同的比例系数。可以使用一个image view来展示单张图片,或者以动画的方式展示多张图片,并且也可以提供一张加亮图片(highlight image)。因此,如果为这些图片中的一张提供了高分辨率版本,那么其它的图片也必须提供相应的高分辨率图片。
更新应用程序图标(Application Icons)和加载图片(Lauch Images)
除了要更新应用程序中的自定义图片资源,同时也要为应用程序的图标和加载图片提供新的高分辨率版本。更新这些图片资源的过程与更新其它图片资源的处理过程是一样的。新建新版本的图片资源添加@2x标识符到图片文件名中,就像处理其它图片一样。例如,对于应用程序图标,要添加高分辨率的图片名到Info.plist文件 CFBundleIconFiles key中。
更新自定义的绘画代码
在应用程序中添加任何的自定义绘画代码,多数情况下是不用考虑当前设备的分辨率。本地的绘画技术会自动保证你在逻辑坐标空间下的坐标系正确映射到当前设备的像素点上。然而有时,也需要了解当前的比例系数以便正确渲染内容。在这些情况下,UIKit,Core Animation以及其它的系统框架会帮助进行正确的绘画。
以编程方式创建高分辨率位图图片
使用 UIGraphicsBeginImageContext函数创建位图时,需要调整代码以考虑比例系数。 UIGraphicsBeginImageContext函数一直以1.0的比例系数创建图片。如果当前设备的显示屏是高分辨率的,通过该方法创建的图片在渲染时可能会显得模糊。要创建比例系数为其它值的图片,需要使用UIGraphicsBeginImageContextWithOptions。该函数的处理与UIGraphicsBeginImageContext函数的处理过程一样。
- 调用UIGraphicsBeginImageContextWithOptions创建位图绘画环境(要添加合适的比例系数),将其push到图形栈中
- 使用UIKit或Core Graphics常用函数来添加图片内容
- 调用UIGraphicsGetImageFromCurrentImageContext 函数来获取位图内容
- 调用UIGraphicsEndImageContext 函数 将当前绘画环境pop出绘画栈
例如,以下代码创建一张200*200像素的位图。(像素点的数量由图片大小乘以比例系数决定)
1 |
UIGraphicsBeginImageContextWithOptions(CGSizeMake(100.0,100.0), NO, 2.0); |
注意,如果位图想要在当前设备下的main screen中以合适的比例系数缩放,在调用 UIGraphicsBeginImageContextWithOptions函数只要将scale参数设置为0.0即可。
调整本地内容适配高分辨率显示屏
如果想要在高分辨率下绘画不同的内容,需要使用当前的比例系数来修正绘画代码。例如,假设有一个view画1像素的边框线。在比例系数为2.0的设备上,使用 UIBezierPath对象以1.0的宽度画该线条,将会生成2像素宽的线条。在这种情况下,当前线条需要除以当前的比例系数来得到1像素的宽度。
当然,基于比例系数改变绘画参数可能导致未知结果。1像素宽的线条在某些设备上看起来是正常的,但是在高分辨率的设备上看上去会比较细以至于看起来不清晰。这需要根据具体情况决定是否要做变动。
Core Animation Layers中的比例系数的解释
直接使用Core Animation layers提供内容的应用程序,需要调整代码并考虑比例系数的影响。通常情况下,在利用view的 drawRect:方法,或使用layer代理的 drawLayer:inContext:方法时,系统会自动考虑比例系数的影响并调整绘画环境。但是在view执行以下几种操作时,还是有必要去了解或如何改变比例系数:
- 创建额外的Core Animation layers,设置不同的比例系数并组合到view的内容中去
- 直接设置Core Animation layer的"contents"
Core Animation的集成引擎会查看每个layer的 contentsScale属性,决定layer的contents在集成的时候是否需要缩放。如果创建没有关联至view的layers,每个新的layer对象的比例系数初始化为1.0。如果不改变初始的比例系数,接下来直接将这样的layer画到高分辨率的显示屏上去时,layer的contents会自动缩放来弥补因不同的比例系数所造成的差异。如果不想layer的 contents被缩放,可以设置layer的比例系数为2.0,但是设置完成后的内容如果没有添加至高分辨率的显示屏,那么现存的内容可能会显得比预期的要小。修复该问题,则需要在高分辨率下使用该layer即可。
当直接设置layer的contents时,调整layer的content来适应不同的比例系数显得尤为重要。Quartz的图片直接在像素级别下工作,并不理会比例系数的设置。因此在创建CGImageRef对象来设置layer的contents之前,需要检测当前的比例系数并合理的调整image的大小。更要指出的是,当加载application bundle中的图片或使用 UIGraphicsBeginImageContextWithOptions函数创建图片时,都要调整图片的比例系数来与layer的比例系数保持一致。没有创建高分辨率的位图,其缩放比例的设置会按照之前说明的那样进行设置。
UISCREEN 和支持高分辨率的显示屏的更多相关文章
- iPhone SDK 包含哪些东西?
iPhone SDK 包含哪些东西? 本文转载自:http://www.cnblogs.com/jy578154186/archive/2013/02/27/2934881.html 第一部分: 在使 ...
- iOS开发---iPhone SDK 包含哪些东西?
第一部分: 在使用Intel芯片的Macintosh计算机开发iOS应用程序所需的全部接口.工具以及资源全都包含于iPhone SDK. 苹果公司将大部分系统接口发布在框架这种特殊的数据包.一个框架就 ...
- 二、CoreAnimation之寄宿图详解
在之前的图层树中我们知道,可以使用CALayer对象创建一些有背景颜色的图层,其实使用CALayer,不仅可以利用其展示背景颜色,还可以展示图片.而这些展示内容,其实就是CALayer的寄宿图.这一节 ...
- iOS 动画
图层树.寄宿图以及图层几何学(一)图层的树状结构 技术交流新QQ群:414971585 巨妖有图层,洋葱也有图层,你有吗?我们都有图层 -- 史莱克 Core Animation其实是一个令人误解的命 ...
- iOS 动画学习
图层树.寄宿图以及图层几何学(一)图层的树状结构 技术交流新QQ群:414971585 巨妖有图层,洋葱也有图层,你有吗?我们都有图层 -- 史莱克 Core Animation其实是一个令人误解的命 ...
- fedora21发布与新功能介绍(附fedora21安装教程与fedora21下载地址)
fedora21发布与新功能介绍(附fedora21安装教程与fedora21下载地址) 最新的Fedora 21终于正式发布了,Fedora Server 是一款强大可定制化的操作系统,包括了最好最 ...
- adobe air 通用设置
某些应用程序描述符设置对所有移动设备应用程序都很重要. 所需的 AIR 运行时版本 使用应用程序描述符文件的命名空间指定应用程序所需的 AIR 运行时版本. 在 application 元素中分配的命 ...
- 中国VR公司的详尽名单
中国VR公司的详尽名单 <VR圈深度投资报告一:2014年以来所有VR/AR融资事件> 特征一.投资机构观望居多 尽管VR在媒体和二级市场炒得很热,但大多风险投资机构却慎于出手,以观望 ...
- CoreAnimation1-图层树、寄宿图以及图层几何学
(一)图层的树状结构 Core Animation其实是一个令人误解的命名.你可能认为它只是用来做动画的,但实际上它是从一个叫做Layer Kit这么一个不怎么和动画有关的名字演变而来,所以做动画这只 ...
随机推荐
- time.h time_t
#include <stdio.h> #include <stddef.h> #include <time.h> int main(void) { time_t t ...
- java.lang.Integer can not be cast to java.lang.Long
hibernate 查询出来的结果 id 是int类型,xml文件配置的是int, 在jython 中调用hibernate 进行查询.字段的类型是java.lang.Long, 直接将id 传进去, ...
- INFORMATICA 的元数据管理之二:运行状态信息查询
本项目里的两个哥们做的关于运行状态元数据的两个JOB挺酷的,最近一段时间运行状况良好,自己参考学习的同时以做日志记载,呵呵,为了节省笔墨,相关元数据表结构以及MAPPING设计之类不做介绍(如有疑问欢 ...
- OpenGL入门学习(转载)
说起编程作图,大概还有很多人想起TC的#include <graphics.h>吧? 但是各位是否想过,那些画面绚丽的PC游戏是如何编写出来的?就靠TC那可怜的640*480分辨率.16色 ...
- 推荐超实用的8款jQuery插件
这里有8款超实用的jQuery插件供大家参考使用,除了jQuery特效的详细使用方法以外,我们还有在线演示和下载及教程,希望对大家有所帮助! 超棒的视差效果jQuery插件 - FractionSli ...
- CentOS系统时间同步(NTP)
CentOS系统时间同步的步骤如下: 新装的CentOS系统服务器可能设置了错误的,需要调整时区并调整时间. 如下是CentOS系统使用NTP来从一个时间服务器同步把当前时区调整为上海就是+8区,想改 ...
- span中内容随着数字长度的添加而增大
场景:导航条中数据,当数据量不大时.仅仅会显示几页,数字仅仅有1,2.3,4..,数字写在span标签中, 则span不须要多宽.设置固定宽度就能够,但当数据量很大的.比如:日志管理--有增 删 改就 ...
- zoj3662Math Magic
Math Magic Time Limit: 3 Seconds Memory Limit: 32768 KB Yesterday, my teacher taught us about ...
- 关于索引的sql语句优化之降龙十八掌
1 前言 客服业务受到SQL语句的影响非常大,在规模比较大的局点,往往因为一个小的SQL语句不够优化,导致数据库性能急剧下降,小型机idle所剩无几,应用服务器断连.超时,严重影响业务的正 ...
- cookie 封装
1.代码 ;(function (factory) { var registeredInModuleLoader; if (typeof define === 'function' && ...