【Qt 学习笔记】Qt常用控件 | 显示类控件 | Progress Bar的使用及说明-阿里云开发者社区

【Qt 学习笔记】Qt常用控件 | 显示类控件 | Progress Bar的使用及说明

2024-08-09 211

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 【Qt 学习笔记】Qt常用控件 | 显示类控件 | Progress Bar的使用及说明

Qt常用控件 | 显示类控件 | Progress Bar的使用及说明

一、QProgressBar介绍

1. 简介

QProgressBar是一个Qt框架中的控件，用于显示进度条。它可以用于表示任务的完成进度或操作的进度。

QProgressBar可以在水平或垂直方向上显示进度条。它可以通过设置最小值和最大值来指定进度条的范围。

QProgressBar提供了一些方法和属性，可以方便地设置进度条的值、范围、样式等。可以通过在Qt Designer中使用QProgressBar，或者在代码中创建QProgressBar对象，然后使用各种方法和属性来设置进度条的样式和行为。

2. 常用属性及说明

二、QProgressBar样式

1. Horizontal

2. Vertical

三、QProgressBar的使用（代码示例）

1. 设置进度条按时间增长

在界⾯上创建进度条（progressBar），并修改value值为0

2.修改 widget.h，创建 QTimer 和 handle 槽函数.

public:
    Widget(QWidget *parent = nullptr);
    ~Widget();
    void handle();
private:
    Ui::Widget *ui;
    QTimer * timer;

3.修改 widget.cpp, 初始化 QTimer

此处设置 100ms 触发⼀次 timeout 信号. 也就是⼀秒钟触发 10 次

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    ui->progressBar->setValue(0);
    timer=new QTimer(this);
    connect(timer,&QTimer::timeout,this,&Widget::handle);
    timer->start(100);
}

修改 widget.cpp，编辑handle槽函数

void Widget::handle()
{
   int value=ui->progressBar->value();
    if(value>=100)
    {
        timer->stop();
        return;
    }
    ui->progressBar->setValue(value+1);
}

运行程序，查看结果进度条开始增长到100停止

文件代码：

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QTimer>
QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(QWidget *parent = nullptr);
    ~Widget();

    void handle();

private:
    Ui::Widget *ui;
    QTimer * timer;
};
#endif // WIDGET_H

#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    ui->progressBar->setValue(0);
    timer=new QTimer(this);
    connect(timer,&QTimer::timeout,this,&Widget::handle);
    timer->start(100);
}

Widget::~Widget()
{
    delete ui;
}

void Widget::handle()
{
   int value=ui->progressBar->value();
    if(value>=100)
    {
        timer->stop();
        return;
    }
    ui->progressBar->setValue(value+1);
}

2. 设置红色的进度条

在Qt中，可以使⽤ styleSheet 通过样式来修改进度条的颜⾊

创建一个进度条
右键点击进度条，选择改变样式表（或者在 Qt Designer 右侧的属性编辑器中, 找到 QWidget 的 styleSheet 属性.）
输入以下代码QProgressBar::chunk {background-color: #FF0000;}，其中的 chunk 是选中进度条中的每个 “块” . 使⽤ QProgressBar::text 则可以选中⽂本