iphone - 尽管设置了 contentsScale，为什么 CAShapeLayer 太大了？

Question

我有一个 CAShapeLayer，用于在条形图中绘制小点。问题是它们在视网膜显示器上都太大了。我已经设置了 contentsScale 并检查了它是否正在设置。我仍然认为有它或没有它没有区别！

CAShapeLayer *lineShapeLayer = [CAShapeLayer layer];
lineShapeLayer.contentsScale = [[UIScreen mainScreen] scale]; 
CGMutablePathRef path = CGPathCreateMutable();
lineShapeLayer.backgroundColor = [UIColor clearColor].CGColor;
lineShapeLayer.bounds = CGRectMake(0, 0, self.backgroundLayer.bounds.size.width, 1.5);

lineShapeLayer.anchorPoint = CGPointMake(0, 0);
lineShapeLayer.position = CGPointMake(0, rint((self.verticalPartitionHeight)*i));
lineShapeLayer.lineDashPattern = [NSArray arrayWithObjects:[NSNumber numberWithFloat:1], [NSNumber numberWithInt:2], nil];
lineShapeLayer.strokeColor = [UIColor blackColor].CGColor;
lineShapeLayer.lineWidth = 1;
NSLog(@"contentsScale: %f", lineShapeLayer.contentsScale);

CGPathMoveToPoint(path, nil, 0, .5);       
CGPathAddLineToPoint(path, nil, lineShapeLayer.frame.size.width, .5);
[lineShapeLayer setPath:path];

[self.backgroundLayer addSublayer:lineShapeLayer];

如果我用 PNG 制作它，这是视图：

这是带有 CAShapeLayer 代码的视图（设置为线宽 0.5 甚至。）：

Answer 1

您的代码没有任何问题，除非它在其他地方。我在一个循环中运行上面的代码（我假设i是索引）self.verticalPartitionHeight = 30.0。

下面的两个图像是正常分辨率和视网膜分辨率的结果。我已经放大了正常图像以使它们具有相同的大小。如您所见，这些点在两种分辨率上的大小相同（以点为单位，而不是像素）。

编辑：

您提到股票应用程序在横向中执行此操作，但如果您放大它的屏幕截图，您实际上会看到它实际上使用点（因为每个点都是 2x2 像素）。您可以在下面的屏幕截图中看到这一点（来自视网膜屏幕截图），其中我放大了很多点并选择了一个点的一个像素。

这是预期的行为。

编辑2：

再放大看你的点。它们实际上与Apples Stocks 应用程序中的点的大小完全相同。您可以在下图中看到它，我选择了一个像素。

Answer 2

@David Ronnqvist 是对的！contentsScale 工作正常。我只需要使线宽更小，然后将整个东西放在 .25（即 0.5/2）上！

    CAShapeLayer *lineShapeLayer = [CAShapeLayer layer];
    lineShapeLayer.contentsScale=[[UIScreen mainScreen] scale]; 
    CGMutablePathRef path = CGPathCreateMutable();
    lineShapeLayer.backgroundColor=[UIColor clearColor].CGColor;
    lineShapeLayer.bounds=CGRectMake(0, 0, self.backgroundLayer.bounds.size.width, 0.5);

    lineShapeLayer.anchorPoint=P(0,0);
    lineShapeLayer.position=P(0,rint((self.verticalPartitionHeight)*i));
    lineShapeLayer.lineDashPattern=[NSArray arrayWithObjects:[NSNumber numberWithFloat:0.5], [NSNumber numberWithInt:1], nil];
    lineShapeLayer.strokeColor=[UIColor grayColor].CGColor;
    lineShapeLayer.lineWidth=0.5;
    lineShapeLayer.shadowColor=[UIColor whiteColor].CGColor;
    lineShapeLayer.shadowOffset=CGSizeMake(0, 0.5);
    lineShapeLayer.shadowOpacity=1.0;
    lineShapeLayer.shadowRadius=0;


    NSLog(@"lineShapeLayer.frame: %@", NSStringFromCGRect(lineShapeLayer.frame));
    CGPathMoveToPoint(path, nil, 0, 0.25);       
    CGPathAddLineToPoint(path, nil, lineShapeLayer.frame.size.width, 0.25);
    [lineShapeLayer setPath:path];

当然，我不会硬编码为比例，而是可以被比例整除。

Answer 3

最好的扩展方式CAShapeLayer如下：

CAShapeLayer *pathLayer = [CAShapeLayer layer];   
[pathLayer setTransform:CATransform3DMakeScale(0.1, 0.1, 0.1)];