xml地图|网站地图|网站标签 [设为首页] [加入收藏]

CAGradientLayer实现弧形曲线渐变色进度条,用java

来源:http://www.ccidsi.com 作者:集成介绍 人气:85 发布时间:2020-04-20
摘要:安装渐进动漫 - setCurrentProgress:progress { CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"strokeEnd"]; animation.duration = 2; self.topLayer.strokeEnd = progress; [self.topLayer addAnimation:animation forKey:
安装渐进动漫
- setCurrentProgress:progress { CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"strokeEnd"]; animation.duration = 2; self.topLayer.strokeEnd = progress; [self.topLayer addAnimation:animation forKey:@"animationStrokeEnd"]; [CATransaction commit]; _progress = progress;}

动用分界面调用

懒加载UISlider

- (UISlider *)sectorSlider{
if (_sectorSlider == nil) {
    _sectorSlider = [[UISlider alloc]initWithFrame:CGRectMake(winWidth/2.0 - 100, 100, 200, 10)];
    _sectorSlider.continuous = YES;
    [_sectorSlider addTarget:self action:@selector(sliderValueChanged:) forControlEvents:UIControlEventValueChanged];
    [_sectorSlider setMinimumValue:0.0];
    [_sectorSlider setMaximumValue:1.0];
}
return _sectorSlider;
 }

点击调用UISlider方法

-(void)sliderValueChanged:(UISlider *)slider{
NSLog(@"---%f", slider.value);
self.percentLable.text = [NSString stringWithFormat:@"%.2f",slider.value * 100];
[self.animationView  setStartMove:slider.value];
[self.animationBallView setStartMove:slider.value];
[self.animationTimeView setStartMove:slider.value];
}

目录构造

创建了多个CAShapeLayer topLayer和bottomLayer bottomLayer来绘制上边深中灰弧形的全体部分 topLayer用来展现上层的渐变色弧形进程条

扇形进度条生成

  1. UIBezierPath依据进程条任何时候变动结束弧度,设置基本point

    -(void)drawRect:(CGRect)rect{
    CGPoint point = CGPointMake(100 , 100);
    CGFloat radius = 95.0f;
    CGFloat startAngle = - M_PI_2;
    CGFloat endAngle = startAngle   self.endAngle;
    UIBezierPath * path = [UIBezierPath bezierPathWithArcCenter:point radius:radius startAngle:startAngle endAngle:endAngle clockwise:YES];
    [path addLineToPoint:point];
    [[UIColor greenColor]set];
    [path fill];
    UIBezierPath *strokePath = [UIBezierPath bezierPathWithArcCenter:point radius:radius startAngle:0 endAngle:-0.00000001 clockwise:YES];
    [[UIColor lightGrayColor]set];
    [strokePath stroke];
    
    } 
    -(void)setStartMove:(CGFloat)value{
    self.endAngle = value * M_PI * 2;
    [self setNeedsDisplay];
    }
    

 

积满一定原则取得某种勋章或奖励 供给二个弧形的曲线来填充色展示完结速度 有供给这种效应的可以看看

Welcome to my blog. Thanks.

完成的作用

1、首页

图片 1

2、尾巴部分播放控件

图片 2

3、播放页面

图片 3

4、播放列表

图片 4

5、排行榜

图片 5

6、音乐寻找

输入寻找关键词,点击会聚透镜Logo

图片 6

7、侧边栏

图片 7

图片 8曲线过程条渐进色动漫.gif

明天任重先生而道远讲一些动漫的选拔,约等于进程条,有弧形的,扇形的,圆形的。
事实上没什么难点,作者封装在一个个View里,直接调用就能够,弧度跟着进程条走就OK的。
记念,中意依然用得上就github给个Star

 

图片 9

本文由68399皇家赌场发布于集成介绍,转载请注明出处:CAGradientLayer实现弧形曲线渐变色进度条,用java

关键词: 68399皇家赌场 iOS开发 弧形 曲线 进度条

上一篇:使用instruments解决ios内存泄漏问题

下一篇:没有了

最火资讯