Code Monkey home page Code Monkey logo

syprogressview's Introduction

SYProgressView

SYProgressView show the progress while change value.

四种类型的进度视图

1、条形进度

2、环形进度

3、饼形进度

4、水波纹进度

效果图

SYProgressView.gif

使用介绍

  • 自动导入:使用命令pod 'SYProgressView'导入到项目中
  • 手动导入:或下载源码后,将源码添加到项目中

代码示例

// 导入头文件
#import "SYLineProgressView.h"

// 实例化
self.lineProgress = [[SYLineProgressView alloc] initWithFrame:CGRectMake(20.0, 20.0, (self.view.frame.size.width - 40.0), 20)];
[self.view addSubview:self.lineProgress];

// 属性设置
self.lineProgress.layer.cornerRadius = 10;
self.lineProgress.lineWidth = 1.0;
self.lineProgress.lineColor = [UIColor redColor];
self.lineProgress.progressColor = [UIColor redColor];
self.lineProgress.defaultColor = [UIColor yellowColor];
self.lineProgress.label.textColor = [UIColor greenColor];
self.lineProgress.label.hidden = NO;

// 初始化
[self.lineProgress initializeProgress];

// 设置进度
self.lineProgress.progress = self.progress;
// 导入头文件
#import "SYWaveProgressView.h"

// 实例化
self.waveProgress = [[SYWaveProgressView alloc] initWithFrame:CGRectMake(20.0, 20.0, (self.view.frame.size.width - 40.0), 20)];
[self.view addSubview:self.waveProgress];

// 属性设置
self.waveProgress.lineColor = [UIColor purpleColor];
self.waveProgress.lineWidth = 3.0;
self.waveProgress.progressColor = [UIColor redColor];
self.waveProgress.defaultColor = [UIColor yellowColor];
self.waveProgress.label.textColor = [UIColor greenColor];
self.waveProgress.label.hidden = NO;
self.waveProgress.showBorderline = YES;

// 初始化
[self.waveProgress initializeProgress];

// 设置进度
self.waveProgress.progress = self.progress;
// 导入头文件
#import "SYPieProgressView.h"

// 实例化
self.pieProgress = [[SYPieProgressView alloc] initWithFrame:CGRectMake(20.0, 20.0, (self.view.frame.size.width - 40.0), 20)];
[self.view addSubview:self.pieProgress];

// 属性设置
self.pieProgress.lineColor = [UIColor purpleColor];
self.pieProgress.lineWidth = 5.0;
self.pieProgress.progressColor = [UIColor redColor];
self.pieProgress.defaultColor = [UIColor yellowColor];
self.pieProgress.label.textColor = [UIColor greenColor];
self.pieProgress.label.hidden = NO;
self.pieProgress.showBorderline = YES;

// 初始化
[self.pieProgress initializeProgress];

// 设置进度
self.pieProgress.progress = self.progress;
// 导入头文件
#import "SYRingProgressView.h"

// 实例化
self.ringProgress = [[SYRingProgressView alloc] initWithFrame:CGRectMake(20.0, 20.0, (self.view.frame.size.width - 40.0), 20)];
[self.view addSubview:self.ringProgress];

// 属性设置
self.ringProgress.lineColor = [UIColor colorWithWhite:0.4 alpha:0.2];
self.ringProgress.lineWidth = 20.0;
self.ringProgress.progressColor = [UIColor redColor];
self.ringProgress.lineRound = YES;
self.ringProgress.colorsGradient = @[UIColor.brownColor, UIColor.whiteColor];
self.ringProgress.showGradient = YES;
// 满环,顺时针
self.ringProgress.isClockwise = YES;
self.ringProgress.startAngle = -90.0;
self.ringProgress.endAngle = 270.0;
// 满环,逆时针
self.ringProgress.isClockwise = NO;
self.ringProgress.startAngle = 270.0;
self.ringProgress.endAngle = -90.0;
// 缺口环,顺时针
self.ringProgress.isClockwise = YES;
self.ringProgress.startAngle = -20.0;
self.ringProgress.endAngle = 200.0;

// 初始化
[self.ringProgress initializeProgress];

// 设置进度
self.ringProgress.progress = self.progress;

修改完善

  • 20190323

  • 版本号:1.1.3

    • 环形进度修改完善
  • 20181129 20190321

    • 版本号:1.1.0 1.1.1
    • 新增属性
      • 是否显示间隔
      • 间隔大小
      • 是否显示渐变颜色
      • 渐变颜色
      • 圆环
        • 是否手动拖动(滑块)
        • 逆时针或顺时针
        • 重复
        • 滑块大小
        • 滑块颜色
        • 滑块图标
  • 20181116

    • 版本号:1.0.1
    • 新增数值变化的动画效果
      • 新增UILabel子类 SYAnimationLabel
      • 新增属性 animationText
  • 20181115

    • 版本号:1.0.0
    • 新增源码

syprogressview's People

Contributors

potato512 avatar

Stargazers

Wangbiao avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.