【第22期】观点:IT 行业加班,到底有没有价值?

弧形转圈圈 带渐变色

原创 2015年07月08日 16:23:23
    UILabel *label = [[UILabel alloc] init];
    label.text = @"价";
    label.frame = CGRectMake(250, 450, 50, 50);
    label.textAlignment = NSTextAlignmentCenter;

    [self.view addSubview:label];
    
    CGPoint point = CGPointMake(label.frame.size.width/2, label.frame.size.width/2);

    //将贝塞尔曲线 调小一点点就好
    UIBezierPath *p = [UIBezierPath bezierPathWithArcCenter:point radius:24.0f startAngle:.0f endAngle:2*M_PI clockwise:YES];
    
    CAGradientLayer *_gl = [CAGradientLayer layer];
    _gl.frame = label.bounds;
    
    CAShapeLayer *backGroundLayer = [CAShapeLayer layer];
    backGroundLayer.fillColor = [UIColor clearColor].CGColor;
    backGroundLayer.strokeColor = [UIColor redColor].CGColor;
    backGroundLayer.lineCap = kCALineCapRound;
    backGroundLayer.lineJoin = kCALineJoinRound;
    backGroundLayer.path = p.CGPath;
    backGroundLayer.lineWidth = 1;
    backGroundLayer.frame = _gl.bounds;
    
    _gl.startPoint = CGPointMake(.0f, .5f);
    _gl.endPoint = CGPointMake(1.f, .5f);
    _gl.mask = backGroundLayer;
    
    //做出渐变色
    UIColor *ringColor = [UIColor redColor];
    NSMutableArray *colors = [NSMutableArray new];
    for(int i = 20; i >= 0; i-=2) {
        [colors addObject:(__bridge id)[ringColor colorWithAlphaComponent:i*.1f].CGColor];
    }
    _gl.colors = colors;
    
    [label.layer addSublayer:_gl];
    
    
    CABasicAnimation *animate = [CABasicAnimation animationWithKeyPath:@"transform.rotation"];
    animate.byValue = @(M_PI*2);
    animate.duration = 1;
    animate.repeatCount = MAXFLOAT;
    [_gl addAnimation:animate forKey:@"animate"];

效果如下:


版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

o形圈密封设计

o形圈密封材质:选丁jing的,硅橡胶(不耐油) 内径:132 线径:3.55 槽深:3,公差5丝 槽宽:4.8,公差10丝1) 与O形圈接触的内孔表面粗糙度1.6及以上,槽底及槽壁的表面粗...

带翼水下潜器结构

基本的原型架构: 带上水翼是为了提高升力,国外有反升力的结构,它要求正浮力,此处若有升力,可负浮力。缺点就是后面矢量推力太大,比例严重不均衡。翼也太小,暂时先这样吧。

N个环形加油站环绕一圈到起点

There are N gas stations along a circular route, where the amount of gas at station i isgas[i]. You...

Android 完美实现图片圆角和圆形(对实现进行分析)

本来想在网上找个圆角的例子看一看,不尽人意啊,基本都是官方的Demo的那张原理图,稍后会贴出。于是自己自定义了个View,实现图片的圆角以及圆形效果。效果图: 第一个是原图,第二个是圆形效果,第三...

使用canvas画弧形

有时我们会在简历或者图标中用到弧形,这里给出制作弧形的代码

对简易弧形进度条的实现的理解

图A:这种进度条100%就是一整个圆        图B:这种进度条100%是从-240度到30度,样式根据开发需要随意设置,下面具体谈实现 第一步:用UIView类写一个方法使用CAShapeL...

绘制弧度方法详解

先看下源码: 讲解下几个参数的意思: RectF :这个参数定义了一个矩形,弧度就是在这个矩形里绘制的,弧度的半径就是在这个矩形里能够绘制的最大圆形的半径(注意:有可能是椭圆也可能是正圆,这取...

Android实现圆弧形渐变色进度条

效果图:我写的这篇博客个人感觉非常的不详细,这也是根据UI设计的,不过大家掌握下文所点出来的重点方法也可以将其绘制出来,这里就不详细介绍绘制流程了 UI分析:这个UI细分为表盘刻度、进度条底色、进度...

Android背景渐变色(shape,gradient)

Android设置背景色可以通过在res/drawable里定义一个xml,如下: [代码]xml代码:<
  • l62s
  • l62s
  • 2012-08-23 10:43
  • 96898
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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