[IOS]今天开始学UI---UIProgressView

最新推荐文章于 2025-06-02 14:57:06 发布

原创最新推荐文章于 2025-06-02 14:57:06 发布 · 924 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ios #UIProgressView

ios 专栏收录该内容

25 篇文章

订阅专栏

本文介绍了iOS中UIProgressView组件，用于显示进度条，提高用户体验。UIProgressView有两种样式：Default和Bar，其中Default样式不透明，Bar样式未完成部分透明。主要属性包括：progress（0-1之间），progressTintColor，trackTintColor，progressImage和trackImage，可用于自定义进度条。通过代码示例展示了如何更新progress属性以模拟进度变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

UIProgressView 作用：显示当前进度以进度条的形式提高用户体验

UIProgressView 有两种样式：1.UIProgressViewStyleDefault 2.UIProgressViewStyleBar

两者的区别在于进度条样式UIProgressViewStyleBar 右边为透明即未完成部分为透明

而默认的为不透明

(上:Default,下:Bar)

ProgressView主要可以设置的属性

progress:float 类型 0 - 1 改变值可以达到改变进度显示的作用

progressTintColor

trackTintColor

progressImage

trackImage

以上四种是用来定制进度条的

下面图解上述四属性

该View使用起来也是比较容易的

直接上代码演示效果添加了一个定时更新progress属性的定时器模拟进度

#import "ViewController.h"
const NSUInteger kProgressViewControllerMaxProgress = 100;
@interface ViewController ()
@property (nonatomic,strong) UIProgressView *view1;
@property (nonatomic,strong) UIProgressView *view2;
@property (nonatomic,strong) UIProgressView *view3;
@property (nonatomic,assign) int currentProgress;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor clearColor];
    _view1 = [[UIProgressView alloc] initWithProgressViewStyle:UIProgressViewStyleDefault];
    _view2 = [[UIProgressView alloc] initWithProgressViewStyle:UIProgressViewStyleBar];
    _view3 = [[UIProgressView alloc] initWithProgressViewStyle:UIProgressViewStyleDefault];

    CGPoint center = self.view.center;
    _view1.frame = CGRectMake(0, 0, 200, 50);
    _view2.frame = CGRectMake(0, 0, 200, 50);
    _view3.frame = CGRectMake(0, 0, 200, 50);

    _view1.center = CGPointMake(center.x, center.y-100);
    _view2.center = CGPointMake(center.x, center.y+100);
    _view3.center = CGPointMake(center.x, center.y);

    [self.view addSubview:_view1];
    [self.view addSubview:_view2];
    [self.view addSubview:_view3];

    [_view3 setTintColor:[UIColor redColor]];
    [_view3 setTrackTintColor:[UIColor greenColor]];
    _currentProgress = 0;
    NSTimer *timer = [NSTimer scheduledTimerWithTimeInterval:0.03f target:self selector:@selector(simulateProgress:) userInfo:nil repeats:YES];




}



- (void)simulateProgress:(NSTimer *)timer{
    _currentProgress++;
    if (_currentProgress>=100) {
        [timer invalidate];
    }
    [_view1 setProgress:(double)_currentProgress/kProgressViewControllerMaxProgress];
    [_view2 setProgress:(double)_currentProgress/kProgressViewControllerMaxProgress];
    [_view3 setProgress:(double)_currentProgress/kProgressViewControllerMaxProgress];
}

that's all

thx

Everything you see on Screen is UIView.