QuartzCore 在清晰 UIView 上的性能

Question

我有一个 UIView，我在 init 方法中将背景颜色设置为清除。然后我在drawRect 中的两点之间绘制一条蓝线。第一个点是视图上的第一次触摸，第二个点在调用 TouchMoved 时发生更改。

这样线的一端是固定的，另一端则随着用户的手指移动。然而，当背景颜色清晰时，线条有相当大的延迟和跳跃（不平滑）。

如果我将背景颜色更改为黑色（只需取消注释 setbackgroundcolor 线），那么运动会更加平滑并且看起来很棒，除了您看不到其背后的视图之外。

我该如何解决这个问题？ （在iPad上，我只有模拟器，目前还没有访问设备）这样性能就很流畅，而且背景很清晰，可以看到背景视图。

-(id) initWithFrame:(CGRect)frame {
    if (self = [super initWithFrame:frame]) {
        //self.backgroundColor = [UIColor clearColor];
    }
    return self;
}

-(void) drawRect:(CGRect)rect {
if (!CGPointEqualToPoint(touchPoint, CGPointZero)) {
    if (touchEnded) {
        CGContextRef context = UIGraphicsGetCurrentContext();
        CGContextClearRect(context, rect);
    } else {

CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextClearRect(context, rect);
    CGContextSetLineWidth(context, 3.0f);
    CGFloat blue[4] = {0.0f, 0.659f, 1.0f, 1.0f};
    CGContextSetAllowsAntialiasing(context, YES);
    CGContextSetStrokeColor(context, blue);
    CGContextMoveToPoint(context, startPoint.x, startPoint.y);
    CGContextAddLineToPoint(context, touchPoint.x, touchPoint.y);
    CGContextStrokePath(context);

    CGContextSetFillColor(context, blue);

    CGContextFillEllipseInRect(context, CGRectMakeForSizeAroundCenter(CGSizeMake(10, 10), touchPoint));
    CGContextFillEllipseInRect(context, CGRectMakeForSizeAroundCenter(CGSizeMake(10, 10), startPoint));
    }   
    }
}



-(void) touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {
    self.touchEnded = NO;
    if ([[touches allObjects] count] > 0) 
        startPoint = [[[touches allObjects] objectAtIndex:0] locationInView:self];
        touchPoint = [[[touches allObjects] objectAtIndex:0] locationInView:self];
    [self setNeedsDisplay];
}

-(void) touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event {
    self.touchEnded = NO;
    if ([[touches allObjects] count] > 0) 
        touchPoint = [[[touches allObjects] objectAtIndex:0] locationInView:self];
    [self setNeedsDisplay];
}
-(void) touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event {
    self.touchEnded = YES;
    [self setNeedsDisplay];
    [self removeFromSuperview];
}
- (void)dealloc {
    [super dealloc];
}

Answer 1

首先，您应该在设备上测试性能，而不是在模拟器中。大多数与图形相关的东西在模拟器中的工作方式都非常不同，有些要快得多，有些则要慢得多。

也就是说，如果透明背景确实被证明是设备上的性能问题，则很可能是因为您使用 CGContextClearRect() 填充了太多像素。我可以立即想到两个解决方案：

• 在 touchesBegan:withEvent: 中，您可以使用 CALayer 的 renderInContext: 方法制作底层视图的快照，并将快照绘制为背景而不是清除它。这样，您可以使视图保持不透明，从而节省将视图与其下方的视图合成的时间。
• 您可以创建一个代表一条线的一点高的 CALayer，并在 touchesMoved:withEvent: 中对其进行转换，以便其末端位于正确的位置。代表线端的点也是如此（CAShapeLayer 非常适合这一点）。将会涉及到一些丑陋的三角函数，但性能将会非常出色。