iOS 绘制1像素线条总结

最新推荐文章于 2023-03-21 20:27:19 发布

原创最新推荐文章于 2023-03-21 20:27:19 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#scale #1像素 #一像素

iOS开发杂记专栏收录该内容

19 篇文章

订阅专栏

本文介绍了iOS设备中屏幕缩放系数scale的概念及其计算方法，并提供了不同设备对应scale的具体数值。通过实例代码展示了如何根据scale调整UI元素尺寸，确保跨设备的一致显示效果。

先了解下scale
scale 即屏幕缩放系数，根据当前设备屏幕的大小计算的比例。

下面来看下不同几款设备对应的scale

设备	Size	scale
4s	{320, 480}	2.000000
5/5s	{320, 568}	2.000000
6	{375, 667}	2.000000
6Plus	{414, 736}	3.000000

以上数据是根据下面代码获取scale
CGFloat scale = [UIScreen mainScreen].scale;

实例代码

设置高为1像素的视图

#define SINGLE_LINE_WIDTH           (1 / [UIScreen mainScreen].scale)
#define SINGLE_LINE_ADJUST_OFFSET   ((1 / [UIScreen mainScreen].scale) / 2)

lineWidth = SINGLE_LINE_WIDTH;
    CGFloat pixelAdjustOffset = SINGLE_LINE_WIDTH;
    //仅当要绘制的线宽为奇数像素时，绘制位置需要调整
if (((int)(lineWidth * [UIScreen mainScreen].scale) + 1) % 2 == 0) {
        pixelAdjustOffset = SINGLE_LINE_ADJUST_OFFSET;
    }

    UIView *line = [[UIView alloc] initWithFrame:CGRectZero];
//    xPos yPos
    line.frame = CGRectMake(0-pixelAdjustOffset, 100-pixelAdjustOffset, sys_w, lineWidth);
    line.backgroundColor = [UIColor redColor];
    [self.view addSubview:line];

参考链接：

http://www.cocoachina.com/ios/20150629/12278.html
https://developer.apple.com/library/ios/documentation/2DDrawing/Conceptual/DrawingPrintingiOS/GraphicsDrawingOverview/GraphicsDrawingOverview.html