网站的维护方案,天津设计公司,班级网站建设的参考文献,wordpress 阿里云镜像文章目录 QProgressBar1. 介绍一、基本特性二、核心属性 2. 代码实现3. 动画效果 QProgressBar
1. 介绍
QProgressBar是Qt框架中的一个控件#xff0c;主要用于显示进度条#xff0c;以图形化的方式表示任务的完成进度或操作的进度。
一、基本特性
显示方向#xff1a;… 文章目录 QProgressBar1. 介绍一、基本特性二、核心属性 2. 代码实现3. 动画效果 QProgressBar
1. 介绍
QProgressBar是Qt框架中的一个控件主要用于显示进度条以图形化的方式表示任务的完成进度或操作的进度。
一、基本特性
显示方向QProgressBar可以在水平或垂直方向上显示进度条。范围设置通过设置最小值和最大值来指定进度条的范围。样式与行为提供了一些方法和属性可以方便地设置进度条的值、范围、样式等。
二、核心属性
属性说明minimum进度条最⼩值maximum进度条最⼤值value进度条当前值alignment⽂本在进度条中的对⻬⽅式. • Qt::AlignLeft : 左对⻬ • Qt::AlignRight : 右对⻬ • Qt::AlignCenter : 居中对⻬ • Qt::AlignJustify : 两端对⻬textVisible进度条的数字是否可⻅orientation进度条的⽅向是⽔平还是垂直invertAppearance是否是朝反⽅向增⻓进度textDirection⽂本的朝向format展⽰的数字格式 %p 表⽰进度的百分⽐0-100 %v 表⽰进度的数值0-100%m 表⽰剩余时间以毫秒为单位%t 表⽰总时间以毫秒为单位
2. 代码实现 在界⾯上创建进度条, objectName 为 progressBar 其中最⼩值设为 0, 最⼤值设为 100. 当前值设为 0. 修改 widget.h, 创建 QTimer 和 updateProgressBar 函数.
QTimer* timer;
void updateProgressBar ();修改 widget.cpp, 初始化 QTimer • 此处设置 100ms 触发⼀次 timeout 信号. 也就是⼀秒钟触发 10 次.
Widget::Widget(QWidget *parent)
: QWidget(parent)
, ui(new Ui::Widget)
{
ui-setupUi(this);
timer new QTimer(this);
connect(timer, QTimer::timeout, this, Widget::updateProgressBar);
timer-start(100);
}修改 widget.cpp, 实现 updateProgressBar
void Widget::updateProgressBar() {
int value ui-progressBar-value();
if (value 100) {
timer-stop();
return;
}
ui-progressBar-setValue(value 1);
}整体代码 widget.h
#ifndef WIDGET_H
#define WIDGET_H#include QWidget
#include QTimerQT_BEGIN_NAMESPACE
namespace Ui {
class Widget;
}
QT_END_NAMESPACEclass Widget : public QWidget
{Q_OBJECTpublic:Widget(QWidget *parent nullptr);void updateProgressBar();~Widget();private:QTimer* timer;Ui::Widget *ui;
};
#endif // WIDGET_Hwidget.cpp
#include widget.h
#include ./ui_widget.hWidget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui-setupUi(this);timer new QTimer(this);connect(timer, QTimer::timeout, this, Widget::updateProgressBar);timer-start(100);
}Widget::~Widget()
{delete ui;
}void Widget::updateProgressBar() {int value ui-progressBar-value();if (value 100) {timer-stop();return;}ui-progressBar-setValue(value 1);
}3. 动画效果
