注释：ctrl + /
运行：ctrl + r
编译：ctrl + b
帮助文档：F1
自动对齐：ctrl + i
同名之间.h文件与.cpp文件的切换：F4
需要引入<QPushButton>头文件，QPushButton继承于QWidget类
创建一个按钮
// 默认构造
QPushButton * btn = new QPushButton();
// 构造创建按钮 弊端：默认以控件的大小创建窗口
QPushButton* btn2 = new QPushButton("第二个按钮", this); // 通过构造指定父类和文本
显示按钮
btn->show(); // 默认顶层方式弹出，独立的窗口
要想按钮显示在指定窗口中，需要指定父类
btn->setParent(this); // 将按钮的父类设置为myWidget，使其显示在myWidget窗口中
btn->setText("第一个按钮"); // 按钮的文本
设置按钮位置
坐标是以左上角为（0，0）
// 移动按钮至指定坐标处
btn2->move(100, 100);
窗口和按钮大小
// 重置窗口大小
resize(600, 400);
// 按钮重置大小
btn2->resize(50,50);
// 设置固定的窗口大小
setFixedSize(600, 400); // 不能通过鼠标拖拽来改变窗口的大小
设置窗口标题
// 设置窗口标题
setWindowTitle("第一个窗口");
1、当创建的对象在堆区时，如果指定的对象是QObject或者其子类派生下来的类，可以不用管理释放的操作，将对象放入到对象树中。
2、对象树的构造是现有父类再有子类的，析构顺序是先析构子类再析构父类。
3、当析构函数中有输出语句时，先打印父类的析构语句，但这并不意味着析构顺序。西沟的顺序依然是先子类后父类。
4、对象树一定程度上简化了内存回收机制。
信号槽的优点：松散耦合。
什么是松散耦合：信号的发送端 和 接收端本身是没有关联的，通过connect连接将两端耦合在一起。
connect(发送者， 发送的信号, 接收者, 信号的处理(槽));
connect(myBtn, &PushButton::clicked, this, &Widget::close);
// 断开信号, 传参与connect一致
disconnect(btn, &QPushButton::clicked, this, &Widget::classIsOver);
// Qt4版本信号槽的连接
connect(zt, SIGNAL(hungry()), st, SLOT(treat()));
Qt4版本的优点，直观。缺点，类型不做检测
自定义信号
自定义信号使用signals关键字修饰
规定：
1、没有返回值；
2、只需要声明不需要实现；
3、可以有参数；
4、可以重载；
signals:
// 自定义信号写在这里
void hungry();
void hungry(QString foodName); // 信号的重载
自定义槽函数
规定：
1、无返回值；
2、需要声明也需要实现；
3、可以有参数；
4、可以发生重载；
public slots:
// 槽函数写在这里，早期版本必须写在这里，Qt5之后可以不使用slots关键字
void treat();
void treat(QString foodName);
重载后的槽函数连接时需要指明函数类型
// 创建一个老师对象
this->zt = new Teacher(this);
// 创建一个学生对象
this->st = new Student(this);
// 有参信号的连接
void (Teacher:: *teacherSignal)(QString) = &Teacher::hungry;
void (Student:: *studentSlots)(QString) = &Student::treat;
connect(zt, teacherSignal, st, studentSlots);
// 无参信号的连接
void (Teacher:: *teacherSignal2)(void) = &Teacher::hungry;
void (Student:: *studentSlots2)(void) = &Student::treat;
connect(zt, teacherSignal2, st, studentSlots2);
槽函数必须有对应的实现。
使用时用connect将信号与槽函数连接在一起即可。
信号的发送
使用emit
emit zt->hungry(); // 使用emit发送信号
emit zt->hungry("有参的信号");
信号和槽的连接
1、信号连接多个槽函数
2、多个信号连接同一个槽函数
3、信号连接信号
注意： 信号的参数可以多于槽，但是必须一一对应
// []标识一个Lambda的开始不能省略
[=](){ // 值传递
btn->setText("下课111");
}();
[&](){ // 引用传递
btn2->setText("下课222");
}();
[btn](){ // 锁定值传递，只有btn生效
btn->setText("下课222");
//btn2->setText("下课222"); // 看不到，报错
}();
[=]()mutable{ // 加上mutable关键字，可以修改值传递的拷贝，注意只能修改拷贝，而不是传入值的本身
btn->setText("下课111");
}();
int ret = []()->int{return 1000;}(); // ->代表Lambda的返回值类型
qDebug() << ret << endl;
一个程序中菜单栏 只能最多有一个
// 菜单栏的创建
QMenuBar *bar = menuBar();
// 将菜单栏放入窗口中
setMenuBar(bar);
// 新增菜单
QMenu * fileMenu = bar->addMenu("文件");
QMenu * editMenu = bar->addMenu("编辑");
// 创建菜单项
QAction* newAction = fileMenu->addAction("新建");
fileMenu->addSeparator(); // 添加分割线
QAction* openAction = fileMenu->addAction("打开");
工具栏可以有多个
QToolBar* toolBar = new QToolBar(this);
//addToolBar(toolBar); // 将工具栏加载到窗口中，默认位置在上面，可以拖拽
addToolBar(Qt::LeftToolBarArea, toolBar); // 指定左边
// 只允许工具栏左右停靠
toolBar->setAllowedAreas(Qt::LeftToolBarArea | Qt::RightToolBarArea);
// 设置工具栏浮动
toolBar->setFloatable(false); // 默认值为 true 可以浮动。设置false不允许浮动
// 设置不可拖拽，默认可拖拽
toolBar->setMovable(false);
// 在工具栏中设置选项
toolBar->addAction(newAction); // 跟上面fileMenu公用一个
toolBar->addAction(openAction);
toolBar->addSeparator(); // 添加分割线
toolBar->addAction("自己"); // 也可以自己设置一个选项
// 工具栏中添加控件
QPushButton * btn = new QPushButton("aa", this);
toolBar->addWidget(btn); // 将按钮放入工具栏中
可以有多个
QStatusBar* stBar = statusBar();
// 将状态栏设置在窗口中
setStatusBar(stBar);
// 往状态栏中放标签控件
QLabel* label = new QLabel("提示", this);
stBar->addWidget(label); // 将标签放入状态栏
QLabel* label2 = new QLabel("右侧提示", this);
stBar->addPermanentWidget(label2);
// 铆接部件(浮动窗口) 可以有多个 可拖拽
QDockWidget* dockWidget = new QDockWidget("浮动",this);
addDockWidget(Qt::BottomDockWidgetArea, dockWidget); // 围绕核心，根据核心确定位置
// 设置后期停靠只能上下
dockWidget->setAllowedAreas(Qt::TopDockWidgetArea | Qt::BottomDockWidgetArea);
只能有一个
// 设置中心部件, 只能有一个
QTextEdit* edit = new QTextEdit(this);
setCentralWidget(edit); // 设置中心部件到窗口
各个栏的布局情况
第一步：先将资源复制到项目所在文件夹
第二步：在Qt中右键项目—>添加新文件(Add New…)，出现如下界面
第三步：名称自己起，添加成功后Qt列表会多出资源的文件夹
第四步：右键.qrc资源文件
第五步：添加前缀可以自定义，先添加前缀再添加文件
然后保存编译一下，就能看到项目列表中的资源文件了。
资源文件的使用
路径前必须写 （ “:” + “前缀”）
ui->actionnew->setIcon(QIcon(":/img/1.jpg")); // 这样就算代码移到别的电脑也可以使用这个图片
Qt都提供了哪些标准对话框：
1、模态对话框：该对话框弹出后必须响应，否则不能点其他的窗口
// 点击按钮，弹出对话框
connect(ui->actionnew, &QAction::triggered, [=](){
// 模态对话框（不可以对其他窗口进行操作）
QDialog dlg(this);
dlg.resize(200, 100); // 对话框太小有警告，系统提示对话框太小可能显示不了有效信息，所以警告
dlg.exec(); // 阻塞 必须对对话框操作完毕才放开阻塞，向下执行
qDebug() << "模态对话框操作完毕！";});
2、非模态对话框：该对话框弹出后可以不响应，依然可以点击其他窗口
// 点击按钮弹出对话框
connect(ui->actionnew, &QAction::triggered, [=](){
// 非模态对话框（可以对其他窗口进行操作）
QDialog *dlg2 = new QDialog(this); // 交给对象树释放
dlg2->resize(200, 100);
dlg2->show(); // 对话框独立展示后，还可以向下执行
qDebug() << "非模态对话框执行了!" << endl;});
注意：
如果不停的点击按钮触发非模态对话框，就会不停的new空间，
但是对象树是在程序结束时统一释放的，
所以这个对象就有可能导致内存溢出，
解决方法：
设置Attribute属性，在对话框关闭的时候就释放申请的空间
dlg2->setAttribute(Qt::WA_DeleteOnClose);
3、消息对话框
connect(ui->actionww, &QAction::triggered, this, [=]{
QMessageBox::critical(this, "hello", "错误：");
});
返回值：选项；参数1：指定父类；参数2：对话框标题；参数3：显示的内容；参数4：选项；参数5：关联回车的选项；
其他都类似，列举一下：
// 信息对话框
QMessageBox::information(this, "information", "信息：");
// 提问对话框
QMessageBox::question(this, "question", "请问：");
// 警告对话框
QMessageBox::warning(this, "warning", "警告：");
提问对话框可以修改选项值，默认为yes|no
// 提问对话框
QMessageBox::question(this, "question", "请问：",
QMessageBox::Save|QMessageBox::Cancel);
提问对话框的第五参数表示默认关联回车的选项
// 提问对话框
QMessageBox::question(this, "question", "请问：",
QMessageBox::Save|QMessageBox::Cancel,
QMessageBox::Cancel);
其他对话框
// 颜色选择对话框，返回值是颜色的QColor类型的色域值
QColor color = QColorDialog::getColor(QColor(255,0,0,2)); // 第四参数为透明度
qDebug() << color.red() << color.green() << color.blue() << color.alpha() << endl;
// 文件对话框
QString str = QFileDialog::getOpenFileName(this, "D:/DeskTop", "(*.txt)"); // 第三参数文件过滤
qDebug() << "str: " << str << endl;// 返回值是选中文件的路径
// 字体对话框
bool flag = true;
QFont font = QFontDialog::getFont(&flag, QFont("华文彩云", 36));
qDebug() << "字体：" << font.family().toUtf8().data() << "字号：" << font.pointSize()
<< "是否加粗：" << font.bold() << "是否倾斜：" << font.italic() << endl; // 返回值
对齐方式
运行结果
若想将用户名和密码框都对齐，可将这4个组件拖入一个widget中进行栅格布局。
右键项目—>添加新文件(Add New…)—>选Qt—>设计师界面类—>确定。
然后给自己的ui界面起一个名字
创建成功后就出现了一个新的ui
在自己创建的ui文件中自定义拖拽想要封装的控件组合成一个新的控件。
记下自己创建的是什么控件类型
然后点击进入程序默认创建的ui文件
因为我创建的控件类型是widget
右键widget控件—>提升为
成功后可以看到这个控件的类型变成了自定义控件类型
运行看结果，封装成功
若想给自定义控件加功能，在自定义的类中写逻辑代码即可。
// QSpinBox移动 QSlider跟着移动
void (QSpinBox::* sp)(int) = &QSpinBox::valueChanged;
connect(ui->spinBox, sp, ui->horizontalSlider, &QSlider::setValue);
// QSlider滑动 QSpinBox数字跟着变化
connect(ui->horizontalSlider, &QSlider::valueChanged, ui->spinBox, &QSpinBox::setValue);
myLabel::myLabel(QWidget* parent): QLabel(parent)
{
// 设置鼠标追踪，不需要按下，鼠标移动就能被捕获到
setMouseTracking(true);
}
void myLabel::enterEvent(QEvent* event){
// qDebug() << "鼠标进入了" << endl;
}
void myLabel::leaveEvent(QEvent*){
// qDebug() << "鼠标离开了" << endl;
}
// 鼠标移动
void myLabel::mouseMoveEvent(QMouseEvent *ev){
QString str; // 移动检测得用buttons()函数，并用&操作
if(ev->buttons() & Qt::LeftButton) // 右键
str = QString("鼠标释放了 x = %1 y = %2 "
"globalx = %3 global = %4")
.arg(ev->x()).arg(ev->y()).arg(ev->globalX()).arg(ev->globalY());
qDebug() << "鼠标移动了" << endl;
}
// 鼠标按下
void myLabel::mousePressEvent(QMouseEvent *ev){
QString str;
// Qt中的字符串格式化
// x，y函数是基于控件的，globalx，globaly是基于整个电脑屏幕的
if(ev->button() == Qt::LeftButton) // 鼠标左键
str = QString("鼠标按下了 x = %1 y = %2 "
"globalx = %3 global = %4")
.arg(ev->x()).arg(ev->y()).arg(ev->globalX()).arg(ev->globalY());
qDebug() << str << endl;
}
// 鼠标释放
void myLabel::mouseReleaseEvent(QMouseEvent *ev){
QString str;
if(ev->button() == Qt::RightButton) // 右键
str = QString("鼠标释放了 x = %1 y = %2 "
"globalx = %3 global = %4")
.arg(ev->x()).arg(ev->y()).arg(ev->globalX()).arg(ev->globalY());
qDebug() << str << endl;
}
Widget::Widget(QWidget *parent)
: QWidget(parent)
, ui(new Ui::Widget)
{
ui->setupUi(this);
// 启动定时器
startTimer(1000);// 参数1：间隔时间 毫秒
}
// 重写定时器事件
void Widget::timerEvent(QTimerEvent *){
static int num = 1;
ui->label_2->setText(QString::number(num++));
}
startTimer()函数返回值是定时器的唯一标识，当有多个定时器时可以用来做区分
Widget::Widget(QWidget *parent)
: QWidget(parent)
, ui(new Ui::Widget)
{
ui->setupUi(this);
// 启动定时器
id1 = startTimer(1000);// 参数1：间隔时间 毫秒
id2 = startTimer(2000);
// 定义成员变量来存放定时器的唯一值
}
// 重写定时器事件
void Widget::timerEvent(QTimerEvent * ev){
if(ev->timerId() == id1){
static int num = 1;
ui->label_2->setText(QString::number(num++));
}
if(ev->timerId() == id2){
static int num2 = 1;
ui->label_3->setText(QString::number(num2++));
}
}
实际上，当startTimer函数调用后会启动一个全局唯一的定时器，在指定时间间隔后调用定时器事件，事件函数可通过timerId函数来区分是哪个定时器调用的当前事件。
按时间间隔重复调用事件函数。
定时器的另一种实现 （推荐使用）
// 定时器的第二种实现方式
QTimer *time = new QTimer(this);
time->start(500); // 单位毫秒
connect(time, &QTimer::timeout, this, [=](){
static int num = 1;
ui->label_4->setText(QString::number(num++));
});
事件拦截 （不建议实际使用，仅供学习练习）
不让事件分发器继续向下分发
// event分发拦截
bool myLabel::event(QEvent *e){
// 如果是鼠标按下事件
if(e->type() == QEvent::MouseButtonPress){
qDebug() << "鼠标按下事件被拦截了" << endl;
return true;
}
// 其他事件交给父类处理
return QLabel::event(e);
}
// 步骤1：给label安装事件过滤器
ui->label->installEventFilter(this);
}
// 步骤2：重写事件过滤器事件
bool Widget::eventFilter(QObject* obj, QEvent* e){
if(obj == ui->label){
if(e->type() == QEvent::MouseButtonPress){
qDebug() << "事件过滤：" << endl;
QMouseEvent* ev = static_cast<QMouseEvent *>(e); // 强制类型转换，静态转换
QString str = QString("鼠标按下了 x = %1 y = %2 "
"globalx = %3 global = %4")
.arg(ev->x()).arg(ev->y()).arg(ev->globalX()).arg(ev->globalY());
qDebug() << str << endl;
return true;
}
}
return QWidget::eventFilter(obj,e);
}
只需重写paintEvent函数，系统会自动调用。
// 绘图事件
void Widget::paintEvent(QPaintEvent*){
// 实例化画家对象 this指定的是绘图的设备
QPainter painter(this);
// 设置画笔的颜色
QPen pen(QColor(255, 0, 0));
pen.setWidth(3); // 设置笔的宽度(粗细)
pen.setStyle(Qt::DotLine); // 设置画笔风格 (DotLine为虚线)
// 让画家使用这个笔
painter.setPen(pen);
// 画刷，封闭图形填充
QBrush brush(QColor(0,255,0));
// 设置画刷风格
brush.setStyle(Qt::Dense7Pattern);
// 让画家使用刷子
painter.setBrush(brush);
// 画线
painter.drawLine(QPoint(0,0), QPoint(100,100));
// 画圆
painter.drawEllipse(QPoint(100,100), 50, 50); // 第二参数和第三参数相当于椭圆中的a和b系数
// 画矩形
painter.drawRect(QRect(20,20,60,50)); // 在20,20点画长为60宽为50的矩形
// 画文字
painter.drawText(QRect(10, 200, 200, 50), "好好学习，天天向上");
}
高级绘图
// 绘图事件
void Widget::paintEvent(QPaintEvent*){
// 实例化画家对象 this指定的是绘图的设备
QPainter pain(this);
pain.drawEllipse(QPoint(100,50), 50, 50);
// 设置 抗锯齿能力，消除走样(线条更精细单效率下降)
pain.setRenderHint(QPainter::Antialiasing);
pain.drawEllipse(QPoint(200,50), 50, 50);
pain.drawRect(QRect(100, 150, 60, 30));
// 移动画家的起始位置
pain.translate(200, 0);
pain.drawRect(QRect(100, 150, 60, 30)); // 因为移动了画家的位置，所以这两个矩形不在同一个位置
// 移动画家的起始位置
pain.translate(200, 0);
// 保存画家状态
pain.save();
pain.drawRect(QRect(100, 150, 60, 30));
// 移动画家的起始位置
pain.translate(200, 0);
// 还原画家上一次状态
pain.restore();
pain.drawRect(QRect(100, 150, 60, 30)); // 因为移动了画家的位置，所以这两个矩形不在同一个位置
}
画资源图片
// 绘图事件
void Widget::paintEvent(QPaintEvent*){
// 实例化画家对象 this指定的是绘图的设备
QPainter painter(this);
painter.drawPixmap(posx, 100, QPixmap(":/img/2.jpg"));
}
手动调用绘画事件
Widget::Widget(QWidget *parent)
: QWidget(parent)
, ui(new Ui::Widget)
{
ui->setupUi(this);
connect(ui->pushButton, &QPushButton::clicked, this, [=](){
posx+=20;
// 如果要手动调用绘图事件，最好用update()更新
update();
});
}
Qt在进行绘图操作的时候实际上是使用Qpainter在QPainterDevice上进行绘制，它们之间使用QPaintEngine进行通讯。
绘图设备是指继承QPainterDevice的子类，Qt一共提供了4个这样的类。
QPixmap
主要是专门为了平台做显示上的优化。
Widget::Widget(QWidget *parent)
: QWidget(parent)
, ui(new Ui::Widget)
{
ui->setupUi(this);
// Pixmap绘图设备：相当于可以往磁盘上进行绘制
QPixmap pix(300, 300);
// 声明颜色：默认为黑色
pix.fill(Qt::white);
// 定义画家
QPainter painter(&pix);
painter.setPen(QPen(Qt::green));
painter.drawEllipse(QPoint(150,150), 100, 100);
// 保存
pix.save("D:\\test.png");
}
上述代码运行后并不会出现任何结果，而是将这个绘图保存到了D:\\test.png路径下。
图像文件在Pixmap和Bitmap的不同表现
void Widget::paintEvent(QPaintEvent *event){
QPixmap pixmap(":/img/1.jpg");
QBitmap bitmap(":/img/1.jpg");
QPainter * pain = new QPainter(this);
pain->drawPixmap(0, 0, pixmap); // 五颜六色
pain->drawPixmap(0,400, bitmap); // 只显示黑白
}
QImage
对像素点进行操作
void Widget::paintEvent(QPaintEvent *event){
QPainter *paint = new QPainter(this);
// 利用QImage对像素进行修改
QImage img;
img.load(":/img/1.jpg");
// 修改像素点
for(int i = 50; i < 200; ++i){
for(int j = 0; j < 200; ++j){
QRgb value = qRgb(0, 255, 0);
img.setPixel(i, j, value); // 将指定像素点修改为指定RGB颜色
}
}
paint->drawImage(0,0,img);
}
可以看到有一坨被改成了绿色。
QPictrue
Widget::Widget(QWidget *parent)
: QWidget(parent)
, ui(new Ui::Widget)
{
ui->setupUi(this);
// QPicture 绘图设备, 可以记录和重新执行绘图指令
QPicture pic;
QPainter paint;
paint.begin(&pic); // 开始往pic上画
paint.setPen(QPen(Qt::cyan));
paint.drawEllipse(QPoint(150,150), 100, 100);
paint.end(); // 结束绘画
// 保存到磁盘
pic.save("D:\\pic"); // 此时生成的文件记录了绘图指令记录，以便于后面的重新执行
}
执行过上述指令后将在指定路径生成pic文件，现在利用这个文件重新执行绘图指令
void Widget::paintEvent(QPaintEvent *event){
QPainter paint(this);
// 重现绘图指令
QPicture pic;
pic.load("D:\\pic"); // 读取记录文件
paint.drawPicture(0,0, pic);
}
Widget::Widget(QWidget *parent)
: QWidget(parent)
, ui(new Ui::Widget)
{
ui->setupUi(this);
// 点击按钮，弹出文件对话框
connect(ui->pushButton, &QPushButton::clicked, [=](){
QString path = QFileDialog::getOpenFileName(this, "打开文件", "D:\\DeskTop");
// 将路径放入lineEdit中
ui->lineEdit->setText(path);
QFile file(path); // 参数：文件路径
// 设置打开方式
file.open(QIODevice::ReadOnly);
// 将所有的数据读取到array中
QByteArray array = file.readAll();
// 读取内容放入textEdit中
ui->textEdit->setText(array);
});
}
运行结果：
默认读取的是utf-8的格式，若读取gbk格式将出现乱码
下面是读取GBK格式的写法，使用QTextCodec类指定文件的编码格式
connect(ui->pushButton, &QPushButton::clicked, [=](){
QString path = QFileDialog::getOpenFileName(this, "打开文件", "D:/code/qtStudy");
// 将路径放入lineEdit中
ui->lineEdit->setText(path);
// 编码格式类
QTextCodec* codec = QTextCodec::codecForName("gbk");
QFile file(path); // 参数：文件路径
// 设置打开方式
file.open(QIODevice::ReadOnly);
// 将所有的数据读取到array中
QByteArray array = file.readAll();
// 读取内容放入textEdit中
ui->textEdit->setText(codec->toUnicode(array));// 转换为先前指定的格式
});
写文件
// 进行写文件
file.open(QIODevice::Append); // 追加的方式打开文件
file.write("aaa");
file.close();
文件的具体操作
// QFileInfo文件信息类
QFileInfo info(path);
qDebug() << "大小：" << info.size()
<< "后缀名：" << info.suffix()
<< "文件名称：" << info.fileName()
<< "文件路径：" << info.filePath()
<< "创建日期：" << info.created().toString("yyyy/MM/dd hh:mm:ss")
<< "修改日期：" << info.lastModified().toString("yyyy-MM-dd hh:mm:ss")
<< endl;