【QT】常用控件（三）

个人主页~

常用控件（一）~
常用控件（二）~

---

QT中其他线程是改变不了GUI上的内容的，只有主线程可以

四、显示类控件

2、LCD Number

QLCDNumber专门用来显示数字

属性	说明
intValue	显示数字值（int）
value	显示数字值（double）
digitCount	显示几位数字
mode	数字显示形式
segmentStyle	设置显示风格

我们来写一个倒计时小程序，其中，QTimer就是一个定时器，通过start启动定时器，通过stop关闭定时器，开启定时器后，每隔一定的周期（自己设置的）触发一次timeout信号，通过connect把该信号与我们自定义的槽函数updateTime相关联后，让槽函数改变LCDNumber的显示值，倒计时就写好了

digitCount就直接括号里跟数字表示显示几位数字
mode有二进制、八进制、十进制、十六进制四种模式
segmentStyle有Flat、Outline、Filled三种风格

3、ProgressBar

属性	说明
minimum	进度条最小值
maximum	进度条最大值
value	进度条当前值
alignment	文本在进度条中的对齐方式
textVisible	进度条的数字是否可见
orientation	进度条的方向是水平还是垂直
invertAppearance	是否向反方向增长进度
textDirection	文本的朝向
format	展示的数字格式

写一个类似于上面倒计时的程序，每过100ms进度条增加1，也是通过timeout来作为信号，槽函数为进度条增长

format展示的数字格式分别为进度百分比%p、进度数值%v、剩余时间%m、总时间%t

4、Calendar Widget

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

五、输入类控件

1、Line Edit

QLineEdit用来表示单行输入框，可以输入文本但不能换行

属性	说明
text	输入框中的文本
inputMask	输入内容格式约束
maxLength	最大长度
frame	是否添加边框
echoMode	显示方式
cursorPosition	光标所在位置
alignment	文字对齐方式
dragEnabled	是否允许拖拽
readOnly	是否只读
placeholderText	当输入框内容为空时显示设置的提示信息
clearButtonEnabled	是否会自动显示清除内容按钮

这里说一下echoMode，一共有三种模式，Normal、Password、NoEcho
Normal：默认， 显示输入的文本
Password：输入的字符会被隐藏为黑点
NoEcho：不会显示任何输入的字符

#include "widget.h"
#include "ui_widget.h"
#include <QDebug>
Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);ui->lineEdit->setClearButtonEnabled(true);ui->lineEdit->setPlaceholderText("请输入您的昵称");ui->lineEdit_2->setClearButtonEnabled(true);ui->lineEdit_2->setPlaceholderText("请输入账号");ui->lineEdit_2->setInputMask("000-000-0000");//设置账号限制输入的个数以及分隔符，只能为10位，三位四位之间，六位七位之间有一个-分隔//InputMask只能进行简单的校验，实际开放中我们使用正则表达式ui->lineEdit_3->setClearButtonEnabled(true);ui->lineEdit_3->setPlaceholderText("请输入密码");ui->lineEdit_3->setEchoMode(QLineEdit::Password);
}Widget::~Widget()
{delete ui;
}void Widget::on_pushButton_clicked()
{qDebug() << "昵称："<<ui->lineEdit->text()<< "账号："<<ui->lineEdit_2->text()<< "密码："<<ui->lineEdit_3->text();
}//所有的qDebug都可以与网络相结合，这样我们是将内容发送到窗口中，通过网络我们可以将内容发送到服务器上同时进行一系列的处理

正则表达式

微软正则表达式文档~

测正则表达式是否有效的网站~

#include "widget.h"
#include "ui_widget.h"
#include <QRegExpValidator>
#include <QDebug>
Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);ui->pushButton->setEnabled(false);ui->lineEdit->setValidator(new QRegExpValidator(QRegExp("^1\\d{10}$")));//QRegExpValidator创建一个验证器对象，里面是匿名对象QRegExp
}Widget::~Widget()
{delete ui;
}void Widget::on_lineEdit_textEdited(const QString &arg1)//arg1是当前输入框的内容
{QString con = arg1;int pos = 0;if(ui->lineEdit->validator()->validate(con,pos) == QValidator::Acceptable)//validate的返回值有两个，一个是QValidator::Acceptable通过，一个是QValidator::Invalid不通过//validate的参数就是从con中从pos位置开始是否能够验证通过{ui->pushButton->setEnabled(true);}else{ui->pushButton->setEnabled(false);}
}void Widget::on_pushButton_clicked()
{qDebug() << "密码输入完成";
}

我来解释一下程序中出现的正则表达式

^：这个符号位于正则表达式的开始位置，表示匹配行的开始，在这里，它确保了我们正在检查的字符串是从头开始匹配的，而不是从字符串的中间或末尾开始

1：这个字符直接出现在正则表达式中，表示匹配字符串中的字符“1”，这意味着任何被这个正则表达式匹配的字符串都必须以数字1开头

\d：这部分稍微复杂一些。在正则表达式中，\d 是一个特殊的字符类，用于匹配任何一个数字字符（0-9）。但是，在大多数编程语言中，字符串中的反斜杠（\）是一个转义字符，用于表示特殊字符或字符类，因此，为了在字符串中表示\d这个正则表达式模式，我们需要对反斜杠本身进行转义，即使用两个反斜杠（\），所以，\d 在字符串中表示的是正则表达式中的 \d，用于匹配任何一个数字字符

{10}：这是一个量词，用于指定前面的字符类（在这个例子中是\d，即任何一个数字字符）应该出现的次数，{10} 表示前面的字符类应该恰好出现10次，因此，\d{10} 表示匹配连续的10个数字字符

$：这个符号位于正则表达式的末尾，表示匹配行的结束，在这里，它确保了我们正在检查的字符串是在末尾结束匹配的，也就是说，整个字符串必须完全匹配正则表达式定义的模式，不能有多余的字符

2、Text Edit

属性	说明
markdown	输入框内容支持markdown格式
html	输入框内容支持大部分html标签
placeHolderText	输入框为空时提示的内容
readOnly	是否只读
undoRedoEnable	是否开启撤销undo和反撤销redo功能
autoFormating	开启自动格式化
tabstopWidth	每次缩进占多少空间
overwriteMode	是否开启覆写模式
acceptRichText	是否接收富文本内容
verticalScrollBarPolicy	垂直方向滚动条的设置
horizontalScrollBarPolicy	水平方向滚动条的设置

#include "widget.h"
#include "ui_widget.h"
#include <QDebug>
Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);
}Widget::~Widget()
{delete ui;
}void Widget::on_textEdit_textChanged()
{const QString& con = ui->textEdit->toPlainText();ui->label->setText(con);qDebug() << "textChanged:" << con;
}void Widget::on_textEdit_copyAvailable(bool b)
{qDebug() << "copyAvailable:" << b;
}void Widget::on_textEdit_undoAvailable(bool b)
{qDebug() << "undoAvailable:" << b;
}void Widget::on_textEdit_redoAvailable(bool b)
{qDebug() << "redoAvailable:" << b;
}void Widget::on_textEdit_cursorPositionChanged()
{const QTextCursor& cursor = ui->textEdit->textCursor();//QTextCursor是QTestEdit包含的一个对象，通过这个对象可以获取到当前光标位置和选中的内容qDebug() << "cursorPositionChanged:" << cursor.position();
}void Widget::on_textEdit_selectionChanged()
{const QTextCursor& cursor = ui->textEdit->textCursor();qDebug() << "selectionChanged:" << cursor.selectedText();
}

视频中分别展示了文本的改变，光标的移动，以及撤销和反撤销操作的打印

3、Combo Box

属性	说明
currentText	当前选中的文本
currenIndex	当前选中条目的下标
editable	是否允许修改
inconSize	下拉框图标的大小
maxCount	最多允许有多少个条目

对于普通的添加条目，我们直接additem然后加上名字就可以了，但有时候我们需要添加很多条目，就需要从文件中导入

#include <fstream>
Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);std::ifstream file("d:/config.txt");//打开文件configstd::string line;//定义一个line存放读取的某一行的内容while(std::getline(file,line))//getline一行一行的读取{ui->comboBox->addItem(QString::fromStdString(line));//使用fromStdString将std::string转换为QString，每一行都添加到comboBox中}file.close();}

---

今日分享就到这里了~