iOS像素对齐概念解析_IOS

在iOS中,有一个概念叫做像素对齐,如果像素不对齐,那么在GPU渲染时,需要进行插值计算,这个插值计算的过程会有性能损耗。 

在模拟器上,有一个选项可以把像素不对齐的部分显示出来。

逻辑像素与物理像素

在iOS设备上,有point(逻辑像素)的概念,以及pixel(物理像素)的概念。
 在编程序时,用的是point,实际渲染时用的是pixel。一个point可以对应多个pixel。
 point和pixel的比例是可以通过[[UIScreen mainScreen] scale]来制定。

UIImage的scale概念 

If you load an image from a file whose name includes the @2x modifier, the scale is set to 2.0. You can also specify an explicit scale factor when initializing an image from a Core Graphics image. All other images are assumed to have a scale factor of 1.0. 

image也有size的概念。

This value reflects the logical size of the image and takes the image's current orientation into account. Multiply the size values by the value in the scale property to get the pixel dimensions of the image. 

就是说image的size和image和scale相乘,得到物理像素的大小。

问题

那么像素不对齐指的是物理像素(pixel)和逻辑像素(point)对齐呢?

实验

使用300*225像素的png图片。分别使用不同的方法load到内存中,得到不同的size和scale,然后放在不同size的imageview里。使用color misaligned images来判定是否像素对齐。
 这里模拟器使用的iPhone 6,屏幕的 scale是2。

部分代码

  NSLog(@"screen scale is %f",[[UIScreen mainScreen] scale]);
  UIImage *image = [UIImage imageNamed:@"test.png"];
  NSLog(@"image size %@, scale %f ", [NSValue valueWithCGSize:image.size], image.scale);
  UIImageView *imageView = [[UIImageView alloc] initWithImage:image];
//  imageView.frame = CGRectMake(50, 100, imageView.bounds.size.width * 2/3, imageView.bounds.size.height * 2/3);
  imageView.frame = CGRectMake(50, 100, imageView.bounds.size.width, imageView.bounds.size.height);
  NSLog(@"imageView frame %@", [NSValue valueWithCGRect:imageView.frame]);
  [self.view addSubview:imageView];

 结论
 1.所谓的像素对齐,指的是物理像素对齐。
 2.如果是2x的图像,放在3x的屏幕上(6sp),也会发生像素不对齐的情况。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索ios
, 像素
对齐
ios 像素对齐、sketch对齐像素、ai对齐像素网格、ai对齐像素网格在哪、ai取消对齐像素网格,以便于您获取更多的相关知识。

时间: 2024-09-22 07:15:07

iOS像素对齐概念解析_IOS的相关文章

iOS 10 Today Widget解析_IOS

一.前言     前面一篇iOS开发之widget实现文章说到了如何在iOS 8.0-9.3上实现widget,可是iOS 10已经来袭,不了解一下iOS 10,把widget适配上去,说不过去呀!所以,本篇文章就接着说下iOS 10上面Today Widget的坑坑洼洼. 二.Today Widget新特性     安装完iOS 10的beta版本,发现苹果越发重视widget了:快速浏览,及时从喜爱的应用中了解信息,如图1所示.     现在,从锁屏页面,下拉通知栏的第一页,还有左滑主页面都

绘制矢量路径图形让像素对齐网格的技巧

文章描述:Photoshop CS6 Beta版(下文简称PS CS6)发布公测,有着多项惊艳的新特性,工作中整天和像素打交道,感触比较深的特性就是PS CS6支持矢量对象绘制.变换时像素自动对齐网格. 3月份,Photoshop CS6 Beta版(下文简称PS CS6)发布公测,有着多项惊艳的新特性,工作中整天和像素打交道,感触比较深的特性就是PS CS6支持矢量对象绘制.变换时像素自动对齐网格. 当然,对象绘制.变换时像素对齐网格并不是PS CS6独有的功能,只是更智能更好用了,PS CS

Photoshop中像素对齐网格的方法

  一些本来尺寸很大,质量很不错的高清png图片,经过缩小转为icon时却变得惨不忍睹(图标的细节损失严重)而当我们去看那些专业人士制作的icon时,却发现,对方制作的icon尺寸虽小,但是细节却保持的非常好,这里面难道有什么技巧么?今天分享一篇关于利用Photoshop cs6网格对齐功能绘制高清icon的文章. Photoshop CS6自发布以来,一直颇受好评,细心的朋友可能发现最新的PS CS6支持矢量对象绘制.变换时像素自动对齐网格,而且非常好用.PS CS6的像素自动对齐网格功能在绘

P2P、P2C 、O2O 、B2C、B2B、 C2C的概念解析

P2P.P2C .O2O .B2C.B2B. C2C的概念解析 P2P到底是什么呢? P2P借贷是一种将非常小额度的资金聚集起来借贷给有资金需求人群的一种民间小额借贷模式.P2P是"Peer-to-Peer"的简写,个人对个人的意思,P2P借贷指个人通过第三方平台(P2P公司)在收取一定服务费用的前提下向其他个人提供小额借贷的金融模式. P2P模式 第一种是纯线上模式,是纯粹的P2P,在这种平台模式上纯粹进行信息匹配,帮助资金借贷双方更好的进行资金匹配,但缺点明显,这种线上模式并不参与

【Alljoyn】Alljoyn学习笔记五 AllJoyn开源技术基础概念解析

AllJoyn开源技术基础概念解析 摘要: 总线(Bus) 实现P2P通信的基础 AllJoyn 的底层协议类似于D-Bus,相当于是跨设备分布式的 D-Bus 总线附件(Bus Attachment) 每一个连接到总线上的Alljoyn应用程序被称为总线附件,可用C++或Java编写 每个总线附件 ... 总线(Bus) 实现P2P通信的基础 AllJoyn 的底层协议类似于D-Bus,相当于是跨设备分布式的 D-Bus总线附件(Bus Attachment) 每一个连接到总线上的Alljoy

互联网+下的5个医疗安全概念解析

本文讲的是互联网+下的5个医疗安全概念解析,这两周不少人和笔者探讨关于移动医疗过程中的各种安全相关问题.忽然发现,一方面,同样的"安全"二字,在医疗和技术领域,许多人的理解似乎并不相同,另一方面,由于大家对安全的重视和知识信息的不足,一些被渲染安全问题,比较容易造成保守型恐惧,导致创新受阻.笔者虽然谈不上安全专家,不过确实算是读过系统安全验证的博士生,研习过完整的HIPAA课程.所以,结合笔者这些年在系统安全上遇到的各种实践经历,特别想用相对容易理解的言语澄清一些安全领域的概念,供更多

澄清云计算概念 解析云计算现状

本文讲的是澄清云计算概念 解析云计算现状,[IT168 资讯]如果你询问6个人关于如何来定义云计算的问题,你可能会得到至少一打数量的答案.而如果你询问他们软件即服务(SaaS)和云计算之间到底有怎样的关系时,你得到的答案可能就会更加多种多样. 当前,那些使用软件即服务的公司都通过基于订购的价格模型来获得应用软件,这也被大家普遍意义上称为按需软件.这种应用一般在公司外部进行部署(和公司内部安装的软件相反).这样所获得的结果就是获得软件和硬件成本的减少,并且初始的成本比较低,或者极大地减少了随之而来

佳能D30像素及分辨率解析分享

给各位摄影爱好者们来详细的解析分享一下佳能D30的像素以及分辨率. 解析分享: 像素 佳能D30像素是1210万像素.   分辨率 佳能D30分辨率是4000×3000像素. 好了,以上的信息就是小编给各位摄影爱好者们带来的详细的佳能D30的像素以及分辨率解析分享的全部内容了,各位看到这里的摄影爱好者们,小编相信大家现在那是非常的清楚了吧,希望小编上面给大家分享的内容能够给各位摄影爱好者们带去有用的帮助.

佳能SX510 HS像素及分辨率解析一览

给各位摄影爱好者们来详细的解析分享一下佳能SX510 HS相机的像素以及分辨率. 解析分享: 佳能SX510 HS像素是多少 佳能SX510 HS的有效像素是1210万像素. 佳能SX510 HS作为上一代佳能SX500 IS的升级版,它保留实用性强的30倍光学变焦(等效35mm画幅拍摄焦距为24mm-720mm).此外,突出弱光拍摄性能是SX系列的亮点之一,佳能SX510 HS采用了1210万像素高感光度背照式CMOS传感器,与DIGIC 4影像处理器配合下组成了佳能常用的HS System,