美文网首页iOSiOS学习iOS菜鸟级开发
iOS中线宽与像素的关系

iOS中线宽与像素的关系

作者: __微凉 | 来源:发表于2015-07-29 00:04 被阅读1218次

一. 什么是scale factor

[UIScreen mainScreen]中有个属性叫做scale,这个属性全称为scale factor,即比例因子.这个属性代表了从逻辑坐标系转化成当前的设备坐标系的转化比例. UIKit框架中的view都有一个contentScaleFactor的属性,表达的意义一样.

逻辑坐标系即我们数学上经常用的坐标体系,是对现实事物的一种抽象.比如说我们要在app上显示一个正方形,我们会确定它的坐标(100,100)和宽高(100,100).在这里,坐标和宽高的数值都是对这个正方形的一种抽象.在实际显示的过程中,坐标的具体位置和宽高的实际长度则由具体硬件的物理属性和它规定的坐标体系进行表达.在逻辑坐标系中,以points作为测量单位,即通常在数学的坐标系中用来表示最小的测量单位.

在我们进行编程时,frame,center中设置的表达坐标位置所使用的CGFloat参数就是以point为单位的.

设备坐标系是设备实际的坐标系.在实际屏幕中,是以像素(Pixel)作为基本的测量单位.

由于两个坐标系的单位不统一,这时需要进行坐标系的转换.

iOS中当我们使用Quartz,UIKit,CoreAnimation等框架时,所有的坐标系统采用Point来衡量.系统在实际渲染到设置时会帮助我们处理Point到Pixel的转换.

二. 坐标系的转换

scale属性反映了从逻辑坐标到设备屏幕坐标的转换.在非视网膜屏幕上,比例因子值为1.0,即逻辑坐标系中的一个点等于设备中一个像素(1×1),在视网膜屏幕中,比例因子值为2.0,即逻辑坐标系中的一个点等于设备中四个像素(2×2).同理,在6plus这种scale为3.0的设备上,1point等于9pixels.

因此,当我们在绘图中做出一条线宽为1的线时,在非视网膜屏幕和视网膜屏幕上的情况是不同的.

非视网膜屏幕和视网膜屏幕上一个线宽时的显示情况

在非视网膜屏幕中,当我们把线宽为1的线画在(3,0)上时,线为一个像素点的宽度(虚线部分),由于事实上不能让一个像素点显示半个像素,所以iOS的反锯齿技术让1个线宽的线显示出了2个像素宽度的一条线(浅色部分),并且颜色变浅.只有对线进行0.5的偏移才能显示真正的线宽为1的线.

偏移了0.5(point)才能显示一个像素宽度的线

在视网膜屏幕中,如果想要画出宽度为一个像素的线,不仅需要先0.5point的线宽,还要进行0.25point的偏移,才能绘出一个像素点宽度的线.

当然,如果没有特殊的需求,苹果不建议使用宽度为一个像素点的线,因为在视网膜屏幕上太细会看不清楚.

相关文章

  • iOS中线宽与像素的关系

    一. 什么是scale factor 在[UIScreen mainScreen]中有个属性叫做scale,这个属...

  • iOS 中线宽和像素的关系

    [UIScreen main]中scale属性。全称scale factor属性因子; 该属性主要作用是将逻辑坐标...

  • media-像素与屏幕

    Ios尺寸表 1、 piexl 像素知识 逻辑像素与物理像素的关系 px逻辑像素:浏览器使用的抽象单位 dp,pt...

  • 移动端单位转换

    iOS尺寸单位pt、ppi与px之间换算关系 px:像素,构成影像的最小单位 ppi:Pixels Per Inc...

  • 绘图1

    iOS中绘图的概念 iOS iOSopenGL Quartz UIView DrawRect 1个像素 =...

  • CRF条件随机场

    每个像素点作为节点,像素与像素间的关系作为边,即构成了一个条件随机场。通过二元势函数描述像素点与像素点之间的关系,...

  • iOS-图片解压缩相关

    SDWebimage中对图片的解压缩 谈谈 iOS 中图片的解压缩 iOS 开发:绘制像素到屏幕 探讨iOS 中图...

  • iOS像素与点

    iOS上的像素(Pixel)与点(Point) 像素(Pixel)和点(Point) 我们在讨论这个问题之前,最起...

  • IOS --- 字体

    ios 字体与px单位字体的换算<网络图> ios屏幕像素一览表

  • 设计四大原则丨3-重复

    重复( Repetition)让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字...

网友评论

  • 22ee0fa80171:赞!说出了系统对于point于pixel的转换,里面这句有点绕。。。“不仅需要先0.5point的线宽,还要进行0.25point的偏移,才能绘出一个像素点宽度的线.”,看了老半天才明白和1point的线宽,直接0.5的偏移一个意思⊙﹏⊙b

本文标题:iOS中线宽与像素的关系

本文链接:https://www.haomeiwen.com/subject/roumqttx.html