【Qt】QLCDNumber&QProgressBar&QCalendarWidget

QLCDNumber

QLCDNumber是Qt框架中用于显示数字或计数值的小部件。通常用于显示整数值，例如时钟、计时器、计数器等

常用属性

|-------------------|-------------------------------------------------------------------------------------------------------------------------------------------|
| 属性 | 说明 |
| intValue | QLCDNumber显示的初始值(int类型) |
| value | QLCDNumber显示的初始值(double)，和intValue是联动的例如给value设置为1.5，intValue的值就是2 设置value和intValue的API是display，不是setValue或setIntValue |
| digitCount | 显示几位数字，可大致控制LCDNumber的大小 |
| mode | 数字显示形式 * QLCDNumber::Dec 十进制模式，显示常规的十进制数字 * QLCDNumber::Hex 十六进制模式 * QLCDNumber::Bin 二进制模式 * QLCDNumber::Oct 八进制模式 只有十进制的时候才能显示小数点后内容 |
| segmentStyle | 设置显示风格 * QLCDNumber::Flat 平面的显示风格，数字呈现在一个平坦的表面上 * QLCDNumber::OutLine 轮廓显示风格，数字具有清晰的轮廓和阴影效果 * QLCDNumber::Filled 填充显示风格，数字被填充颜色并与背景区分开 |
| smallDecimalPoint | 设置比较小的小数点 |

倒计时小程序

倒计时可以使用QTimer，信号和槽实现

QTimer可以通过start()函数设置周期发出timeout信号
cpp 复制代码
void start(int msec);
参数单位是毫秒，start(1000)代表1秒发出一次timeout信号

程序思路如下：

创建QTimer对象
关联timeout信号和相应的槽函数
启动QTimer
槽函数中修改LCDNumber的值，当倒计时为0时，关闭QTimer

代码如下：

cpp 复制代码

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

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    //设置QLCDNumber的初始值
    ui->lcdNumber->display(10.00);
    //绑定信号和槽函数
    //信号使用QTimer(计时器)的timeout信号
    timer = new QTimer(this);
    connect(timer, &QTimer::timeout, this, &Widget::handle);
    //计时器还需要启动
    timer->start(10);//参数是设定周期，按周期发出timeout信号

}

void Widget::handle()
{
    double value = ui->lcdNumber->value();
    if(value <= 0.0)
    {
        timer->stop();//倒计时为0时停止计时器
        return;
    }
    ui->lcdNumber->display(value - 0.01);//计时器-1
}

QProgressBar

QProgressBar是Qt框架中用于显示进度的小部件。通常用于表示任务完成的进度或操作的进展情况。

常用属性

|------------------|-------------------------------------------------------------------------------------------------------|
| 属性 | 说明 |
| minimum | 进度条最小值 |
| maximum | 进度条最大值 |
| value | 进度条当前值 |
| alignment | 文本在进度条中的对齐方式 * Qt::AlignLeft 左对齐 * Qt::AlignRight 右对齐 * Qt::AlignCenter 居中对齐 * Qt::AlingnJustify 两端对齐 |
| textVisible | 进度条的数字是否可见 |
| orientation | 进度条的方向是水平还是垂直 |
| invertAppearance | 是否是朝向反方向增长进度 |
| textDirection | 文本的朝向 |
| format | 展示的数字格式 * %p：表示进度的百分比(0-100) * %v：表示进度的数值(0-100) * %m：表示剩余时间(以毫秒为单位) * %t：表示总时间(以毫秒为单位) |

进度条小程序

程序思路如下：

初始化QProgressBar对象
创建QTimer对象
关联timeout信号和相应的槽函数
启动QTimer
槽函数中修改QProgressBar的值，当进度条满时，关闭QTimer

cpp 复制代码

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

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    //设置进度条的起始和终止
    ui->progressBar->setMinimum(0);
    ui->progressBar->setMaximum(100);
    //设置定时器
    timer = new QTimer(this);
    //连接信号和槽函数
    connect(timer, &QTimer::timeout, this, &Widget::handle);
    //启动定时器，周期为0.1秒
    timer->start(100);
}

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

QCalendarWidget

QCalendarWidget是Qt框架中用于显示日历和处理日期选择的小部件。允许用户查看和选择日期，并支持多种日期显示格式和交互功能

常用属性

|------------------------|-------------------|
| 属性 | 说明 |
| selectDate | 当前选中的日期 |
| minimumDate | 最小日期 |
| maximumDate | 最大日期 |
| firstDayOfWeek | 每周的第一天(日历的第一列)是周几 |
| gridVisible | 是否显示日历的边框 |
| selectionMode | 是否允许选择日期 |
| navigationBarVisible | 日历上方标题是否显示 |
| horizontalHeaderFormat | 日历上方标题显示的日期格式 |
| verticalHeaderFormat | 日历第一列显示的内容格式 |
| dateEditEnabled | 是否允许日期被编辑 |

重要信号

|---------------------------------|--------------------------------------------|
| 信号 | 说明 |
| selectionChanged(const QDate&) | 当选中的日期发生改变时发出 |
| activated(const QDate&) | 当双击一个有效日期或按下回车键时发出，形参是一个QDate类型，保存了当前选中的日期 |
| currentPageChanged(int, int) | 当当前页面的年份月份改变时发出，形参是改变后的新年份和月份 |

示例：selectionChanged信号发出

Qt Designer设计的界面如下：

添加selectionChanged信号的槽函数

cpp 复制代码

void Widget::on_calendarWidget_selectionChanged()
{
    ui->label->setText(ui->calendarWidget->selectedDate().toString());
}

程序运行如下

【Qt】QLCDNumber&QProgressBar&QCalendarWidget

QLCDNumber

倒计时小程序

相关属性

QProgressBar

进度条小程序

相关设置

QCalendarWidget