iOS自定义进度条高度(UIProgressView进度条高度改变的实现)

今天自定义了iOS中的进度条,发现系统的进度条高度无法改变,

现在自己封装了一种进度条(实际是是UIView而不是UIProgressView),可以改变进度条的高度,非常好用,分享给大家,直接上代码:

//  CTWBProgress.h

//  Created by WBapple on 16/7/31.

//  Copyright © 2016年 王彬. All rights reserved.

//

#import <UIKit/UIKit.h>

@interface CTWBProgress : UIView

// 进度条背景图片

@property (retain, nonatomic) UIImageView *trackView;

// 进图条填充图片

@property (retain, nonatomic) UIImageView *progressView;

//进度

@property (nonatomic) CGFloat targetProgress;

//设置进度条的值

- (void)setProgress:(CGFloat)progress;

@end

//  CTWBProgresss.m

//  Created by WBapple on 16/7/31.

//  Copyright © 2016年 王彬. All rights reserved.

#import "CTWBProgress.h"

@implementation CTWBProgress

//初始化进度条(此处设置进度条背景图片和进图条填充图片)

- (id)initWithFrame:(CGRect)frame

{

self = [super initWithFrame:frame];

if (self)

{

self.backgroundColor = [UIColor clearColor];

// 背景图像

_trackView =

[[UIImageView alloc] initWithFrame:CGRectMake (0, 0, frame.size.width, frame.size.height)];

[_trackView setImage:[UIImage imageNamed:@"1.png"]];

//当前view的主要作用是将出界了的_progressView剪切掉,所以需将clipsToBounds设置为YES

_trackView.clipsToBounds = YES;

[self addSubview:_trackView];

// 填充图像

_progressView = [[UIImageView alloc]

initWithFrame:CGRectMake (0 - frame.size.width, 0, frame.size.width, frame.size.height)];

[_progressView setImage:[UIImage imageNamed:@"2.png"]];

[_trackView addSubview:_progressView];

}

return self;

}

//设置进度条的值

- (void)setProgress:(CGFloat)progress

{

_targetProgress = progress;

[self changeProgressViewFrame];

}

//修改显示内容

- (void)changeProgressViewFrame

{

_progressView.frame = CGRectMake (self.frame.size.width * _targetProgress - self.frame.size.width,

0, self.frame.size.width, self.frame.size.height);

}

@end

使用进度条方法

#import "CTWBProgress.h"

CTWBProgress* progressView;

float progressVlaue;

// 给进度条一个frame,给进度条设置值即可

progressView = [[CTWBProgress alloc] initWithFrame:CGRectMake(FITWIDTH(108), FITHEIGHT(960), FITWIDTH(864), FITHEIGHT(80))];

[progressView setProgress:progressVlaue];

[self.view addSubview:progressView];

时间: 2024-08-06 16:06:32

iOS自定义进度条高度(UIProgressView进度条高度改变的实现)的相关文章

【iOS开发-10】UIProgressView进度条的几个属性介绍

进度条目前看来不如滑动控件(slider)实用,至少滑动控件可以让用户动,并且我们还能获得滑动控件的值. 目前还未体会到进度条的魅力. - (void)viewDidLoad { //实例化一个进度条,有两种样式,一种是UIProgressViewStyleBar一种是UIProgressViewStyleDefault,几乎无区别 UIProgressView *pro1=[[UIProgressView alloc]initWithProgressViewStyle:UIProgressVi

iOS WKWebView添加网页加载进度条(转)

一.效果展示 WKWebProgressViewDemo.gif 二.主要步骤 1.添加UIProgressView属性 @property (nonatomic, strong) WKWebView *wkWebView; @property (nonatomic, strong) UIProgressView *progressView; 2.初始化progressView - (void)viewDidLoad { [super viewDidLoad]; //进度条初始化 self.pr

097在进度条中显示进度百分比

效果如下: ViewController.h 1 #import <UIKit/UIKit.h> 2 #import "KMProgressViewWithLabel.h" 3 4 @interface ViewController : UIViewController 5 @property (strong, nonatomic) KMProgressViewWithLabel *progressViewCustom; 6 7 @end ViewController.m

CSS实现进度条和订单进度条

原文:CSS实现进度条和订单进度条 最近半个月为了期末考试,可要了学渣我半瓶血啊!今天本该好好复习的,可是状态不好,就随便找点乐子玩一玩,于是乎就想起之前面试时面试官给的一道题(见标题),那就弄点简单的小玩意给自己洗洗脑咯. 简单地效果图如下: CSS实现进度条: html结构: <div id="progress"> <span>70%</span> </div> css样式: #progress{ width: 50%; height

bootstrap-进度条--动态条纹进度条

1.运行效果如图所示 2.实现代码如下 <!DOCTYPE html> <html> <head>     <meta charset="utf-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <title>进度条--动态条纹进度条</title>     <!-- 最新版本

progressbar用法:进度画面大小,进度画面背景,进度百分比

前一段时间,由于项目需要研究了下progressbar,发现这个小东西还真是不简单.在这个小控件的显示效果上,花费的时间远大于预估的工作量.话说程序员一直是这样,预估的工作量远少于实际... 先说明一下,这里主要是针对水平进度条进行说明的,关于圆形进度条或者其他进度条可以依此类推.android系统默认的进度条是圆形的,用到水平进度条一般都会加上这样一个属性:"@android:style/Widget.ProgressBar.Horizontal".笔者所发现进度条特殊的地方都是从这

iOS 自定义页面的切换动画与交互动画

在iOS7之前,开发者为了寻求自定义Navigation Controller的Push/Pop动画,只能受限于子类化一个UINavigationController,或是用自定义的动画去覆盖它.但是随着iOS7的到来,Apple针对开发者推出了新的工具,以更灵活地方式管理UIViewController切换. 自定义导航栏的Push/Pop动画 为了在基于UINavigationController下做自定义的动画切换,先建立一个简单的工程,这个工程的rootViewController是一个

iOS自定义转场动画实战讲解

iOS自定义转场动画实战讲解 转场动画这事,说简单也简单,可以通过presentViewController:animated:completion:和dismissViewControllerAnimated:completion:这一组函数以模态视图的方式展现.隐藏视图.如果用到了navigationController,还可以调用pushViewController:animated:和popViewController这一组函数将新的视图控制器压栈.弹栈. 下图中所有转场动画都是自定义的

iOS 自定义TabBarController zhuanzai

iOS 自定义TabBarController 一.自定义的思路 iOS中的TabBarController确实已经很强大了,大部分主流iOS应用都会采用.但是往往也不能满足全部的需求,因此需要自定义TabBar,自定义需要对系统的TabBar工作方式有很好的理解,自定义需要勇气. 自定义TabBar的原则:尽量利用系统自带TabBar,只改需要改的地方. 二.自定义TabBar的总体过程 1.先把自带的TabBar条给取消了 2.自己做一个view,上面放几个按钮,设定按钮的点击事件.并设置s