ios自定义条形进度条
2019独角兽企业重金招聘Python工程师标准>>>
题记
在今天这个变化多端的世界,我们最大的危险不是外界的压力与竞争,而是我们内心的模式,这些模式决定我们看到些什么,感受到些什么,如何思考以及最终成为怎么样的人
效果
代码实现
#import <UIKit/UIKit.h>@interface HWProgressView : UIView@property (nonatomic, assign) CGFloat progress;
//进度条颜色
@property(nonatomic,strong) UIColor *progerssColor;
//进度条背景颜色
@property(nonatomic,strong) UIColor *progerssBackgroundColor;
//进度条边框的颜色
@property(nonatomic,strong) UIColor *progerssStokeBackgroundColor;
//进度条边框的宽度
@property(nonatomic,assign) CGFloat progerStokeWidth;@end
#import "HWProgressView.h"#define KProgressPadding 1.0f
@interface HWProgressView ()@property (nonatomic, weak) UIView *tView;
@property (nonatomic, weak) UIView *borderView;@end@implementation HWProgressView- (instancetype)initWithFrame:(CGRect)frame
{if (self = [super initWithFrame:frame]) {//边框UIView *borderView = [[UIView alloc] initWithFrame:self.bounds];borderView.layer.cornerRadius = self.bounds.size.height * 0.5;borderView.layer.masksToBounds = YES;borderView.backgroundColor = [UIColor whiteColor];borderView.layer.borderColor = [[UIColor blueColor] CGColor];borderView.layer.borderWidth = 2.0f;self.borderView=borderView;[self addSubview:borderView];//进度UIView *tView = [[UIView alloc] init];tView.backgroundColor = [UIColor colorWithRed:0/255.0 green:191/255.0 blue:255/255.0 alpha:1];tView.layer.cornerRadius = (self.bounds.size.height - (2.0f + 1.0f) * 2) * 0.5;tView.layer.masksToBounds = YES;[self addSubview:tView];self.tView = tView;}return self;
}-(void)setProgerssColor:(UIColor *)progerssColor{_progerssColor=progerssColor;_tView.backgroundColor=progerssColor;
}-(void)setProgerStokeWidth:(CGFloat)progerStokeWidth{_progerStokeWidth=progerStokeWidth;_borderView.layer.borderWidth = progerStokeWidth;}
-(void)setProgerssStokeBackgroundColor:(UIColor *)progerssStokeBackgroundColor{_progerssStokeBackgroundColor=progerssStokeBackgroundColor;_borderView.layer.borderColor = [progerssStokeBackgroundColor CGColor];
}
-(void)setProgerssBackgroundColor:(UIColor *)progerssBackgroundColor{_progerssBackgroundColor = progerssBackgroundColor;_borderView.backgroundColor=progerssBackgroundColor;
}//更新进度
- (void)setProgress:(CGFloat)progress
{_progress = progress;CGFloat margin = self.progerStokeWidth + KProgressPadding;CGFloat maxWidth = self.bounds.size.width - margin * 2;CGFloat heigth = self.bounds.size.height - margin * 2;_tView.frame = CGRectMake(margin, margin, maxWidth * progress, heigth);
}@end
使用
//进度条HWProgressView *progressView = [[HWProgressView alloc] initWithFrame:CGRectMake(30, 365, 150, 20)];//进度条边框宽度progressView.progerStokeWidth=1.0f;//进度条未加载背景progressView.progerssBackgroundColor=[UIColor lightGrayColor];//进度条已加载 颜色progressView.progerssColor=[UIColor blueColor];//背景边框颜色progressView.progerssStokeBackgroundColor=[UIColor grayColor];[self.view addSubview:progressView];self.progressView = progressView;
更新进度
self.progressView.progress += 0.01;
转载于:https://my.oschina.net/u/2447911/blog/1838014
ios自定义条形进度条相关推荐
- ios 自定义圆环进度条
效果 #import <UIKit/UIKit.h>@interface HWCircleView : UIView@property (nonatomic, assign) CGFloa ...
- android 自定义长条进度条_Android 条形进度条
可设置 线性渐变-背景色-进度条颜色-进度条高度 效果图 普通效果 渐变效果 改变高度效果 步骤一:新建自定义控件BarPercentView继承View(代码可直接复制使用) import andr ...
- Java渐变进度条_Android ProgressBar自定义图片进度,自定义渐变色进度条
java.lang.Object ↳android.view.View ↳android.widget.ProgressBar 直接子类 AbsSeekBar 间接子类 RatingBar, Seek ...
- Xamarin iOS教程之进度条和滚动视图
Xamarin iOS教程之进度条和滚动视图 Xamarin iOS 进度条 进度条可以看到每一项任务现在的状态.例如在下载的应用程序中有进度条,用户可以很方便的看到当前程序下载了多少,还剩下多少.Q ...
- Android自定义圆形进度条
Android自定义圆形进度条 github地址:https://github.com/opq1289/CircleProgressView 效果图: 无动画: 有动画: 整圆: 切割圆: 具体步骤: ...
- Android中用图片自定义一个进度条(实现蒙板效果)
问题概述 对于进度条我相信大家不陌生,这里我就不再多说什么了.因为这个不是重点.我们要说的是如何去自定义一个不一样的进度条.这里用到两张图片(背景和前景),其实是三张(背景.前景和蒙图).当我们的蒙图 ...
- android 自定义背景园,Android 自定义ProgressBar 进度条颜色和背景颜色
Android 自定义ProgressBar 进度条颜色和背景颜色 首先,在drawable目录下新建文件 personal_center_level_progress_bg.xmlandroid a ...
- Android 自定义View,自定义属性--自定义圆形进度条(整理)
很多的时候,系统自带的View满足不了我们的功能需求,那么我们就需要自定义View来满足我们的需求 自定义View时要先继承View,添加类的构造方法,重写父类View的一些方法,例如onDraw,为 ...
- android绘制环形进度_Android动态自定义圆形进度条
这篇文章主要介绍了Android动态自定义圆形进度条,需要的朋友可以参考下 效果图: A.绘制圆环,圆弧,文本 //1.画圆环 //原点坐标 float circleX = width / 2; fl ...
最新文章
- MySQL中,当 update 修改数据与原数据相同时会再次执行吗?
- Photoshop CC2018软件安装资料及教程
- HDU1584 蜘蛛牌 DFS回溯
- ITK:计算矢量图像的梯度
- 斐波那契数列规律的计算。
- java 多重属性_最全面的44个Java 性能调优细节
- 基于leveldb,levigo做二次开发
- laravel5.5中间件
- ajax jsp模糊查询源码,Ajax动态执行模糊查询功能
- oracle自定义函数返回一个表,oracle 自定义函数 返回一个表类型
- AWT_方位布局(Java)
- Spark:一个独立应用
- Windows系统没有目标位置的快捷方式及其目标文件获取
- 珍爱网App竞品分析报告
- 兄弟连 40 期 临行时刻
- linux的核心安装下的命令行,linux lilo命令参数及用法详解--linux安装核心载入,开机管理程...
- 黑群晖Apache Http Server 启动失败错误
- 使用aria2批量下载微博相册
- python参考手册 豆瓣_详解python 模拟豆瓣登录(豆瓣6.0)
- 自动化测试平台化[v1.0.0][自动化测试基本需求]