zoukankan      html  css  js  c++  java
  • UIBezierPath与CAShapeLayer结合画扇形

    /*让半径等于期望半径的一半 lineWidth等于期望半径 就可以画圆*/

    可以看出layer的走势是从圆边的中间一半在圆外 一半在圆内 因此让半径等于期望半径的一半 lineWidth等于期望半

    - (void)viewDidLoad {
        [super viewDidLoad];
       
        for (NSInteger i=0; i<5; i++) {
            [self itemViewWithOne:72*i*M_PI/180.0 two:72*(i+1)*M_PI/180.0];
        }
    }
    - (UIView *)bgView
    {
        if (!_bgView) {
            _bgView = [[UIView alloc] init];
            _bgView.backgroundColor = [UIColor grayColor];
            _bgView.bounds = CGRectMake(0, 0, 100, 100);
            _bgView.center = self.view.center;
            [self.view addSubview:_bgView];
            
        }
        return _bgView;
    }
    - (void)itemViewWithOne:(CGFloat)starAngle two:(CGFloat)endAngle
    {
        
        
        /*让半径等于期望半径的一半  lineWidth等于期望半径 就可以画圆*/
        
        CAShapeLayer *layer = [CAShapeLayer layer];
        
        UIBezierPath *bezierPath = [UIBezierPath bezierPath];
        [bezierPath addArcWithCenter:CGPointMake(50,50) radius:25 startAngle:starAngle endAngle:endAngle clockwise:YES];
        
        layer.path = bezierPath.CGPath;
    //    bezierPath.lineCapStyle = kCGLineCapButt;
    
        
        layer.lineWidth = 50;
        UIColor *color = [UIColor colorWithRed:arc4random()%256/255.0 green:arc4random()%256/255.0 blue:arc4random()%256/255.0 alpha:1];
    //    UIColor *color1 = [UIColor colorWithRed:arc4random()%256/255.0 green:arc4random()%256/255.0 blue:arc4random()%256/255.0 alpha:1];
    
        
        layer.strokeColor = color.CGColor;
        // 最好 为clearColor 设置颜色是方便观察
        layer.fillColor = [UIColor yellowColor].CGColor;
    
        //默认
        layer.lineCap = kCALineCapButt;
        [self.bgView.layer addSublayer:layer];
        
        CABasicAnimation *basic = [CABasicAnimation animationWithKeyPath:@"strokeEnd"];
        basic.duration = 1.1;
        basic.fromValue = @(0.1f);
        basic.toValue = @(1.0f);
        [layer addAnimation:basic forKey:@"basic"];
        
    }

    结果如下:

  • 相关阅读:
    存储过程学习笔记
    重新学习struts
    ANT打包J2EE项目war包
    08 | 递归:如何用三行代码找到“最终推荐人”?
    基于Flask 实现Web微信登陆
    基于轮询实现实时的在线投票系统
    Flask 微信公众号开发
    微信公众号开发
    爬虫之正则案例
    爬虫之正则表达式的应用爬取
  • 原文地址:https://www.cnblogs.com/dlwj/p/5974069.html
Copyright © 2011-2022 走看看