iOS UIBezierPath图形绘制

原创 2016年06月01日 14:19:34
#pragma mark - 绘制外圈路径
- (void)drawOuter:(CGRect)rect{
    
    UIColor *color = [UIColor colorWithRed:224/255.0f green:224/255.0f blue:224/255.0f alpha:1.0f];
    [color set]; //设置线条颜色
    
    UIBezierPath    *bPath = [UIBezierPath bezierPathWithArcCenter:_centerPoint
                                                            radius:_outerRadiusWidth-2
                                                        startAngle:M_PI
                                                          endAngle:2*M_PI
                                                         clockwise:YES];
    
    bPath.lineWidth = _outerWidth;
    bPath.lineCapStyle = kCGLineCapRound; //线条拐角
    bPath.lineJoinStyle = kCGLineCapRound; //终点处理
 }

#pragma mark - 绘制内圈进度路径
- (void)setInnerProgess{
    if (_shapeLayer) {
        [_shapeLayer removeFromSuperlayer];
    }
    _shapeLayer = [CAShapeLayer layer];
    _shapeLayer.strokeColor = [[TNColor ff6633Color] CGColor];
    _shapeLayer.fillColor = [[UIColor clearColor] CGColor];
    _shapeLayer.lineWidth = _innerWidth;
    _shapeLayer.lineCap = kCALineCapRound;
    _shapeLayer.lineJoin = kCALineJoinRound;
    _shapeLayer.path = [UIBezierPath bezierPathWithArcCenter:_centerPoint radius:_innerRadiusWidth startAngle:DEGREES_TO_RADIANS(_beginAngle) endAngle:DEGREES_TO_RADIANS(_rotationAngle) clockwise:YES].CGPath;
    [self.layer addSublayer:_shapeLayer];
}
#pragma mark - 绘制指示线
- (void)drawIndicatorLine{
    
    UIColor *color = [TNColor ff6633Color];
    [color set]; //设置线条颜色
    
    
    NSInteger  _total = 5;
    
    CGFloat x0 = _centerPoint.x;
    CGFloat y0 = _centerPoint.y;
    int i = 0;
    for (i = 0; i < _total; i++) {
        UIBezierPath *bezierPath = [UIBezierPath bezierPath];
        bezierPath.lineWidth = 2;
        
        CGFloat x1 = x0 + cosf(_startAngle + _totalAngle*i/(_total-1))*(_lineRadiusWidth-6);
        CGFloat y1 = y0+ sinf(_startAngle + _totalAngle*i/(_total-1))*(_lineRadiusWidth-6);
        
        CGFloat x2 = x0 + cosf(_startAngle + _totalAngle*i/(_total-1))*_lineRadiusWidth;
        CGFloat y2 = y0+ sinf(_startAngle + _totalAngle*i/(_total-1))*_lineRadiusWidth;
        
        [bezierPath moveToPoint:CGPointMake(x1, y1)];
        [bezierPath addLineToPoint:CGPointMake(x2, y2)];
        
        [bezierPath stroke];
    }

}


#pragma mark - 绘制文字
- (void)drawMothsLabel{
    [_mothsLabelArray removeAllObjects];
    
    for (int i = 0; i < _moths.count; i++) {
        NSString *mothInfo = _moths[i];
        
        CGFloat x0 = _centerPoint.x;
        CGFloat y0 = _centerPoint.y;
        CGFloat x = x0 + cosf(_startAngle + _totalAngle*i/(_moths.count-1))*_labelRadiusWidth;
        CGFloat y = y0+ sinf(_startAngle + _totalAngle*i/(_moths.count-1))*_labelRadiusWidth;
        CGRect rect = CGRectMake(x-30, y-20, 60, 25);
        
        CGFloat angleDegrees = 0;
        if (i==0) {
            angleDegrees = -90;
        }else if (i==1){
            angleDegrees = -45;
        }else if (i==2){
            angleDegrees = 0;
        }else if (i==3){
            angleDegrees = 45;
        }else if (i==4){
            angleDegrees = 90;
        }
        
        CATextLayer* textLayer = [[CATextLayer alloc] init];
        textLayer.string = mothInfo;
        textLayer.frame = rect;
        textLayer.alignmentMode = kCAAlignmentCenter;
        if ([_mothsArray[i] isEqualToString:@"1"]) {
            textLayer.foregroundColor =  [TNColor ff6633Color].CGColor;
        }else{
            textLayer.foregroundColor =  [UIColor lightGrayColor].CGColor;
        }
        
        textLayer.backgroundColor =  [UIColor clearColor].CGColor;
        textLayer.fontSize = 14.0f;
        textLayer.contentsScale = 2;
        [self.layer addSublayer:textLayer];
        textLayer.affineTransform = CGAffineTransformMakeRotation(DEGREES_TO_RADIANS(angleDegrees));
        [_mothsLabelArray  addObject:textLayer];
    }
}

<img src="http://img.blog.csdn.net/20160601142453744?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" align="middle" alt="" />

iOS绘图-UIBezierPath的使用

UIBezierPath简单介绍 iOS系统本身提供了两套绘图的框架,即UIBezierPath 和 Core Graphics。使用UIBezierPath可以创建基于矢量的路径,此类是Cor...
  • sinat_30898863
  • sinat_30898863
  • 2016年03月07日 22:51
  • 1469

iOS图形绘制UIBezierPath篇

1、绘制直线UIBezierPath *line = [[UIBezierPath alloc] init]; //设置线宽 line.lineWidth = 3; [line moveToPoint...
  • yangshebing21
  • yangshebing21
  • 2016年05月14日 23:56
  • 1048

利用CAShapeLayer和UIBezierPath实现中空透明圆,圆外填充色

CAShapeLayer和UIBezierPath结合,调用CAShapeLayer的path属性,然后再实现CAShapeLayer的fillcolor属性,便可以在UIBezierPath所绘制的...
  • w_x_p
  • w_x_p
  • 2016年01月21日 14:03
  • 2578

iOS 简单的使用UIBezierPath绘制

UIBezierPath这个类呢主要用于绘图。  之前的项目中需要绘图的部分都是用Core Graphics来绘制,OC是我的第一门语言,所以对于Core Graphics的C语言API不太适应,最...
  • RuiWang321
  • RuiWang321
  • 2015年12月31日 13:25
  • 492

iOS_使用UIBezierPath对象实现视图控件的立体阴影效果和半透明背景效果

iOS_使用UIBezierPath对象实现视图控件的立体阴影效果和半透明背景效果
  • Sponge_CMZ
  • Sponge_CMZ
  • 2015年09月16日 19:14
  • 3356

IOS之以UIBezierPath绘制饼状图

1.绘制bing'zhu
  • xyybaozhen
  • xyybaozhen
  • 2014年10月27日 10:07
  • 3387

iOS程序猿之UIBezierPath类属性和方法(画图路径)

UIBezierPath UIBezierPath类可以定义一个由直线和曲线线段的路径,呈现在自定义视图上.可以定义简单的形状,如矩形,椭圆形,圆弧或者复杂多边形等.定义形状后,就可以使用这个类的其他...
  • iOS_wq
  • iOS_wq
  • 2016年02月02日 10:03
  • 3960

iOS 笔记四:视图坐标、层次结构、自定义视图、UIBezierPath等

Views: 怎样绘制自定义内容到屏幕上? 一、视图定义 一个view代表一个矩形区域,定义了一个坐标空间。view会绘制这个矩形区域并响应事件。 一个view只有一个父view,可以有0或多个子v...
  • Romantic_Energy
  • Romantic_Energy
  • 2015年08月26日 23:04
  • 2039

使用CAShapeLayer与UIBezierPath画动态柱状图

// // TextView.m // 练习 // // Created by 王文杰 on 16/9/20. // Copyright © 2016年 王文杰. All rights res...
  • qq_26362407
  • qq_26362407
  • 2016年09月22日 08:37
  • 569

使用UIBezierPath和CAShapeLayer高效为UIView添加圆角

我们在实际开发中,经常会遇到为某个view添加圆角的需求,这样出来的view的效果是比较好看的,那么平时用的最多的实现方式是什么呢?或许你也和我一样:UIButton *btn = [[UIButto...
  • studying_ios
  • studying_ios
  • 2017年02月16日 10:26
  • 1485
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:iOS UIBezierPath图形绘制
举报原因:
原因补充:

(最多只允许输入30个字)