Quartz2D - 基本图形绘制(形状)

最新推荐文章于 2016-11-24 11:43:14 发布

原创最新推荐文章于 2016-11-24 11:43:14 发布 · 697 阅读

0 ·

CC 4.0 BY-SA版权

iOS学习—UI部分专栏收录该内容

113 篇文章

订阅专栏

本文介绍了如何使用UIBezierPath在iOS应用中绘制各种圆形UI元素，包括空心圆圈、实心圆、圆弧及扇形。通过调整路径属性如线条宽度、线帽样式等，并利用填充和描边的方法实现不同视觉效果。

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

1.空心圆圈

    // 创建
    UIBezierPath *path = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(20, 20, 200, 200) cornerRadius:100];
    
    // 设置属性
    path.lineWidth = 5;
    path.lineCapStyle = kCGLineCapRound;
    path.lineJoinStyle = kCGLineJoinRound;
    [[UIColor redColor] set];
    
    // 绘制
    [path stroke];

2.实心圆

    // 创建
    UIBezierPath *path = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(20, 20, 200, 200) cornerRadius:100];
    
    // 设置属性
    path.lineWidth = 5;
    path.lineCapStyle = kCGLineCapRound;
    path.lineJoinStyle = kCGLineJoinRound;
    [[UIColor redColor] set];
    
    // 填充(必须是一个完整的封闭路径)
    [path fill];

3.圆弧

    /*
     center:圆心
     startAngle: 弧度
     clockwise：YES顺时针/NO逆时针
     */
    UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:CGPointMake(150, 150) radius:100 startAngle:0 endAngle:-M_PI_2 clockwise:NO];
    
    path.lineWidth = 5;
    [[UIColor orangeColor] set];
    
    [path stroke];

4.扇形

    // 扇形
    CGPoint center = CGPointMake(150, 150);
    UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:center radius:100 startAngle:0 endAngle:-M_PI_2 clockwise:NO];
    
    // 添加一根线到圆心
    [path addLineToPoint:center];
    // 关闭路径(从路径的终点到起点)
    [path closePath];
    
    path.lineWidth = 5;
    [[UIColor redColor] set];
    
    [path fill];