QT学习笔记（中）
QT学习笔记（中）
文章目录
- QT学习笔记（中）
-
- P21 消息对话框
- P22 其他标准对话框
- P23 登录窗口界面和布局
- P24 控件 按钮组
- P25 QListWidget控件
- P26 QTreeWidget控件的使用
- P27 tableWidget
- P28 其他常用控件介绍
- P30 自定义控件
- P31 QEvent
- P32 定时器（一）
- P33 定时器（二）这个定时器更简单，更优
- P34 Event事件分发器
- P35 使用事件过滤器进行一个更高层的拦截
- P36 绘图事件
- P37 绘图的高级设置
- P38 手动调用并更新绘图事件
- P39 绘图设备
- P40 文件的读写操作
- P41 QFileInfo文件信息读取操作
P21 消息对话框
QMessageBox静态成员函数 创建对话框
错误、信息、提问、警告
提问 参数： 父亲 标题 提示内容 按键类型 默认关联回车的按键
返回值是Standard Button类型，利用返回值可以判断用户的输入。
#include "mainwindow.h"
#include "ui_mainwindow.h"
#include 
P22 其他标准对话框
- 颜色对话框：QColorDialog::getColor
- 文件对话框：QFileDialog::getOpenFileName() 参数:父亲，标题，默认路径，过滤。
- 字体对话框：QFontDialog::getFont()
#include "mainwindow.h"
#include "ui_mainwindow.h"
#include P23 登录窗口界面和布局
- 实现登录窗口
- 利用布局方式 给窗口进行美化
- 选取widget 进行布局、水平布局、垂直布局、栅格布局。
- 给用户名、密码、登录、退出按钮进行布局
- 默认窗口和控件之间有9px的间隙，可以调整layoutLeftMargin
- 利用弹簧进行布局。
P24 控件 按钮组
- QPushButton 常用按钮
- QToolButton 工具按钮，用于显示图片，如图想显示文字，
2.1 修改风格：toolButtonStyle
2.2 凸起风格 autoRaise - redioButton 单选按钮。设置默认 ui->rBtnMan->setCheck(true)
- checkbox多选按钮，监控状态 2 选中 1 半选 0 未选中
代码部分：
#include "widget.h"
#include "ui_widget.h"
#include P25 QListWidget控件
#include "widget.h"
#include "ui_widget.h"
#include 
P26 QTreeWidget控件的使用
- 标题的创建 ui->treeWidget->setHeaderLabels(QStringList()<<“英雄”<<“英雄介绍”);
- 根节点的创建和加入
ui->treeWidget->addTopLevelItems(QList- 追加子节点 liItem->addChild(l1);
代码如下： - 追加子节点 liItem->addChild(l1);
#include "widget.h"
#include "ui_widget.h"
#include 
P27 tableWidget
#include "widget.h"
#include "ui_widget.h"
Widget::Widget(QWidget *parent)
: QWidget(parent)
, ui(new Ui::Widget)
{
ui->setupUi(this);
ui->tableWidget->setColumnCount(3);
ui->tableWidget->setHorizontalHeaderLabels(QStringList()<< "角色"<< "性别"<< "年龄");
ui->tableWidget->setRowCount(3);
QStringList nameList;
nameList << "张飞" << "关羽" << "刘备";
QList<QString> sexList;
sexList << "男" << "女" << "男";
for (int i =0; i<3; ++i){
ui->tableWidget->setItem(i, 0, new QTableWidgetItem(nameList[i]));
ui->tableWidget->setItem(i, 1, new QTableWidgetItem(sexList.at(i)));
ui->tableWidget->setItem(i, 2, new QTableWidgetItem(QTableWidgetItem(QString::number(18+i))));
}
}
Widget::~Widget()
{
delete ui;
}
P28 其他常用控件介绍
#include "widget.h"
#include "ui_widget.h"
Widget::Widget(QWidget *parent)
: QWidget(parent)
, ui(new Ui::Widget)
{
ui->setupUi(this);
ui->stackedWidget->setCurrentIndex(1);
connect(ui->pbtn, &QPushButton::clicked, [=](){
ui->stackedWidget->setCurrentIndex(0);
});
connect(ui->rbtn, &QPushButton::clicked, [=](){
ui->stackedWidget->setCurrentIndex(1);
});
ui->pbtn->setIcon(QIcon(":/Image/qq.png"));
ui->comboBox->addItems(QStringList()<< "奔驰" << "宝马" << "拖拉机");
connect(ui->vbtn, &QPushButton::clicked, [=](){
// ui->comboBox->setCurrentIndex(2);
ui->comboBox->setCurrentText("拖拉机");
});
ui->label->setPixmap(QPixmap(":/Image/qq.png"));
}
Widget::~Widget()
{
delete ui;
}
P30 自定义控件
新建： 文件->newfile->Qt->Qt设计界面类
然后通过ui界面进行相关的设计。这里设置了一个QSlider和QSpinBox组合，数值改变时候进行联动。
在form.cpp添加下面的代码，定义两个控件之间的类和槽的连接，就可以实现联动。
#include "form.h"
#include "ui_form.h"
Form::Form(QWidget *parent) :
QWidget(parent),
ui(new Ui::Form)
{
ui->setupUi(this);
connect(ui->spinBox, &QSpinBox::valueChanged, ui->horizontalSlider, &QSlider::setValue);
connect(ui->horizontalSlider, &QSlider::valueChanged, ui->spinBox, &QSpinBox::setValue);
}
Form::~Form()
{
delete ui;
}
回到widget.ui界面中，拖拽一个widget出来，右键->提升为。输入刚刚新建的类名，就可以提升为自定义的控件。
定义自定义控件对外接口，在form.hpp，和form.cpp实现接口函数，这里就用两个接口，getValue，setValue。
#include "form.h"
#include "ui_form.h"
Form::Form(QWidget *parent) :
QWidget(parent),
ui(new Ui::Form)
{
ui->setupUi(this);
connect(ui->spinBox, &QSpinBox::valueChanged, ui->horizontalSlider, &QSlider::setValue);
connect(ui->horizontalSlider, &QSlider::valueChanged, ui->spinBox, &QSpinBox::setValue);
}
Form::~Form()
{
delete ui;
}
void Form::setValue(int num){
ui->horizontalSlider->setValue(num);
ui->spinBox->setValue(num);
}
int Form::getValue(){
return ui->horizontalSlider->value();
}
最后在widget.ui拖拽两个按钮，然后连接这个widget的槽函数就可以了。
#include "widget.h"
#include "ui_widget.h"
#include P31 QEvent
qt中有好多事件，这里以鼠标事件为例，新建一个QLabel的控件。
可以再mylabel.h, mylabel.cpp中设置事件的处理方法
关于QLabel的鼠标事件，我们可以直接看帮助文档，下面是QLabel的帮助文档以及相关的截图。
mylabel.h，这里定义了4个鼠标事件，
#ifndef MYLABEL_H
#define MYLABEL_H
#include mylabel.cpp 事件的实现。
#include "mylabel.h"
#include 运行后自动捕获鼠标事件，并且输出当前光标的位置了。
P32 定时器（一）
使用startTimer去创建定时器。
核心：在widget.h先重写timerEvent，然后通过startTimer去启动定时器，startTimer返回定时器的编号作为标识符。
widget.h
#ifndef WIDGET_H
#define WIDGET_H
#include widget.cpp
#include "widget.h"
#include "ui_widget.h"
#include 
P33 定时器（二）这个定时器更简单，更优
使用QTimer去创建一个定时器类，然后每隔一定时间触发一个信号，然后调用槽函数。
#include "widget.h"
#include "ui_widget.h"
#include 
P34 Event事件分发器
1. 用途，用于事件的分发
2. 可以做事件的拦截
3. bool event(QEvent *e)
4. 返回值如果是true代表用户已经处理了这个时间，不再向下分发
5. e->type() == 鼠标按下
需要在mylabel.h添加这个函数的定义，这里由于篇幅问题就不贴出来了。下面是mylabel.cpp里面函数的实现。
#include "mylabel.h"
#include 
上面运行结果可以看到，鼠标按下QLabel时候，event方法已经进行了拦截。从而没有调用mousePressEvent方法。
P35 使用事件过滤器进行一个更高层的拦截
下图可以看到eventfilter事件过滤器在
具体实现步骤如下：
注意，我们是在最大的窗口那里实现的，并非我们的控件的文件！！！
即，在widget.cpp中实现
- 在widget.cpp 中安装事件过滤器：
// 安装事件过滤器
ui->label->installEventFilter(this);
- 在widget.h定义eventFilter(QObject*, QEvent*)函数
public:
Widget(QWidget *parent = nullptr);
~Widget();
bool eventFilter(QObject*, QEvent*);
- 在widget.cpp实现eventFilter
bool Widget::eventFilter(QObject *obj, QEvent *e){
if (obj==ui->label){
if (e->type()==QEvent::MouseButtonPress){
QMouseEvent *ev = static_cast<QMouseEvent*>(e);
QString str = QString("eventFilter中进行拦截。 鼠标按下了。x=%1, y=%2, globalx=%3, globaly=%4").arg(ev->position().x()).arg(ev->position().y()).arg(ev->globalPos().x()).arg(ev->globalY());
qDebug()<< str;
return true; // 返回true
}
}
return QWidget::eventFilter(obj, e);
}
上面结果可以看到，eventFilter在最上层进行了拦截，就没有去运行bool myLabel::event(QEvent *e)的代码了，更不用说下面这上个myLabel中从QLabel继承过来的具体事件。
void mouseMoveEvent(QMouseEvent *ev);
void mousePressEvent(QMouseEvent *ev);
void mouseReleaseEvent(QMouseEvent *ev);
P36 绘图事件
使用QPainter进行绘图操作。设置pen，brush等。
widget.cpp
#include "widget.h"
#include "ui_widget.h"
#include 
P37 绘图的高级设置
#include "widget.h"
#include "ui_widget.h"
#include 
P38 手动调用并更新绘图事件
使用QPainter来绘图，并手动更新绘图，下面代码实现点击QPushButton图片向右移动20px，或者定时触发自动右移20px的功能。
#include "widget.h"
#include "ui_widget.h"
#include 
P39 绘图设备
QPaintDevice分为QPixmap，Qimage以及QPicture，QPainter可以再设备上面画画，不同设备的特性是略有不一样的。
QPixmap：
对不同平台的显示进行优化，但支持像素级别的访问。下面图片是QPainter在QPixmap上面进行画画并且保存后得到的结果。
Qimage：
可以支持像素级别访问。下面实例通过for循环修改了一部分的像素。
QPicture：
用于记录和保存QPainter画家的操作方法，然后可以载入方法进行画画。保存的路径文件名为zt，是不能打开的，只能通过QPicture的load方法访问读取。
上面实例的代码统一基础在下面，注意的是，绘图时间paintEvent需要在widget.h头文件上面去申明。
#include "widget.h"
#include "ui_widget.h"
#include P40 文件的读写操作
使用QFile进行文件的读写操作
- QFile fIle(path 文件路径)
- 全部读取 file.readAll()
- 编码问题，使用QTextCodec来进行转码操作
- 写 filel.write(char *)
#include "widget.h"
#include "ui_widget.h"
#include 
P41 QFileInfo文件信息读取操作
读取文件的相关信息并且弹窗来打印
#include "widget.h"
#include "ui_widget.h"
#include 