欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

星星评分, 进度条

程序员文章站 2024-02-06 23:38:28
...

1. 评分的星星

星星评分, 进度条

首先你需要三张图片

分别是实心, 空心, 半空心

星星评分, 进度条
星星评分, 进度条
星星评分, 进度条
我用循环完成, 一共添加五颗星星, 用分数为grade = 7.1来举例, 当grade - 2 > 0时, 添加的是实心, 当grade - 2 < 0且不等于-2时, 添加半心, 且让grade = 0, 当grade - 2 = -2时, 添加一个空心。

具体代码如下所示

int grade;
    grade = 10;
    for (int i = 0; i <= 4; i++) {
        UIImageView *starImageView = [[UIImageView alloc] initWithFrame:CGRectMake(i * 60, 0, 50, 50)];
        [imageView addSubview:starImageView];
        if (grade - 2 < 0) {
            if (grade - 2 == -2) {
                starImageView.image = [UIImage imageNamed:@"emptyStar"];
            } else {
                starImageView.image = [UIImage imageNamed:@"halfStar"];
                grade = 0;
            }
        } else {
            starImageView.image = [UIImage imageNamed:@"allStar"];
            grade = grade - 2;
        }
    }

2. 进度条(UIProgressView)

1. 初始化

UIProgressView *progressView = [[UIProgressView alloc] initWithFrame:CGRectMake(50, 200, 275, 20)];

2. 设置进度条的背景色

    progressView.backgroundColor = [UIColor grayColor];

3. 设置进度条前景色

    progressView.progressTintColor = [UIColor orangeColor];

4. 设置风格

目前我看出来的区别就是它底色一个深一个浅

  • UIProgressViewStyleBar(这个底色深, 灰色那里)

 progressView.progressViewStyle = UIProgressViewStyleBar;

星星评分, 进度条

  • UIProgressViewStyleDefault(这个底色浅)

     progressView.progressViewStyle = UIProgressViewStyleDefault;
    
    星星评分, 进度条

5. 设置进度条进度

    progressView.progress = 0.8;