UIView的setNeedsDisplay和setNeedsLayout方法调用

最新推荐文章于 2018-04-03 10:41:11 发布

fanhaofei1234

最新推荐文章于 2018-04-03 10:41:11 发布

阅读量346

点赞数

本文链接：https://blog.youkuaiyun.com/fanhaofei1234/article/details/45888347

版权

本文介绍如何使用 iOS 的 UIView setNeedsDisplay 方法实现一个简单的涂鸦画板应用。通过记录触摸点并调用 drawRect 方法进行图形绘制，文章详细解释了触摸开始、移动和结束时的操作流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//以下都为转载文字：http://blog.youkuaiyun.com/diyagoanyhacker/article/details/7081072

首先两个方法都是异步执行的。而setNeedsDisplay会调用自动调用drawRect方法，这样可以拿到UIGraphicsGetCurrentContext，就可以画画了。而setNeedsLayout会默认调用layoutSubViews，就可以处理子视图中的一些数据。

宗上所诉，setNeedsDisplay方便绘图，而setNeedsLayout方便处理数据。

下面用setNeedsDisplay，实现涂鸦画板：

首先建立数组来存储触摸点信息：@property (nonatomic, strong) NSMutableArray *totalPathPoints;

- (NSMutableArray *)totalPathPoints
{
    if (_totalPathPoints == nil) {
        _totalPathPoints = [NSMutableArray array];
    }
    return _totalPathPoints;
}

//开始触摸记录起点
/**
确定起点
*/
- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
    UITouch *touch = [touches anyObject];
    CGPoint startPos = [touch locationInView:touch.view];

    // 每一次开始触摸, 就新建一个数组来存放这次触摸过程的所有点(这次触摸过程的路径)
    NSMutableArray *pathPoints = [NSMutableArray array];
    [pathPoints addObject:[NSValue valueWithCGPoint:startPos]];

    // 添加这次路径的所有点到大数组中
    [self.totalPathPoints addObject:pathPoints];

}

/**
连线
*/
- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
{
    UITouch *touch = [touches anyObject];
    CGPoint pos = [touch locationInView:touch.view];

    // 取出这次路径对应的数组
    NSMutableArray *pathPoints = [self.totalPathPoints lastObject];
    [pathPoints addObject:[NSValue valueWithCGPoint:pos]];
    //setNeedsDisplay默认调用drawRect：方法
    [self setNeedsDisplay];
}

- (void)drawRect:(CGRect)rect
{

//用图形上下文实现触摸涂鸦
    CGContextRef ctx = UIGraphicsGetCurrentContext();

    for (NSMutableArray *pathPoints in self.totalPathPoints) {
        for (int i = 0; i<pathPoints.count; i++) { // 一条路径
            CGPoint pos = [pathPoints[i] CGPointValue];
            if (i == 0) {
                CGContextMoveToPoint(ctx, pos.x, pos.y);
            } else {
                CGContextAddLineToPoint(ctx, pos.x, pos.y);
            }
        }
    }

// 线边冒的三种类型:
// CGLineCap.  kCGLineCapRound, kCGLineCapSquare,kCGLineCapButt后面两种差别不明显，感觉都是直角

CGContextSetLineCap(ctx, kCGLineCapRound);

// 线段拐角出设置的三种类型
// CGLineJoin. kCGLineJoinMiter(直角), kCGLineJoinRound(圆角), kCGLineJoinBevel(平角)

    CGContextSetLineJoin(ctx, kCGLineJoinRound);
    CGContextSetLineWidth(ctx, 5);
    CGContextStrokePath(ctx);
}