本节对应的视频讲解：B_站_视_频

https://www.bilibili.com/video/BV1zG411s7LG

QPushButton 是 Qt 中的按钮，通常用于响应用户的点击，然后执行相应的操作

1. 讲课风格

1.1 调节字体大小

放大笔记字体

包括笔记正文和左侧导航栏，方便在手机上观看的小伙伴
放大代码区字体大小

方便在手机上观看的小伙伴

1.2 如何讲解？

首先大概看下笔记目录，明确本节课要讲什么，让大家做到心里有数
然后看下代码运行的效果，有一个直观的效果展示，再讲解细节的知识点，就很容易理解了
最后深入到每个小功能，讲解

1.3 如何写代码

对于一些写代码的 “体力活”，比如拖放几个按钮，修改按钮的 name，修改按钮显示的文字，这些我会提前准备好，免得浪费大家时间
对于核心代码，我会一行行现场写

1.4 观看视频小技巧

每一讲的视频，都设置了章节分段，方便小伙伴查看本讲有几个小段，还可以快速定位到对应的小段

2. 属性和方法

按钮除了可以设置显示文本之外，还可以设置图标

2.1 文本

可以获取和设置按钮上显示的文本

// 获取和设置按钮的文本
QString text() const
void setText(const QString &text)

该属性，既可以在 Qt 设计师右侧的属性窗口中修改，也可以在代码中动态地获取和修改

2.2 图标

可以获取和设置按钮上显示的图标

// 获取和设置按钮的图标
QIcon icon() const
void setIcon(const QIcon &icon)

该属性，既可以在 Qt 设计师右侧的属性窗口中修改，也可以在代码中动态地获取和修改

2.3 样式表

样式表可以设置包括文本颜色、背景色、边框、字体等很多样式

// 获取和设置样式表
// 这是继承自QWidget类的属性和方法
// 只要继承自QWidget类的控件，都有该属性
QString styleSheet() const
void setStyleSheet(const QString &styleSheet)

样式表既可以在 Qt 设计师右侧的属性窗口中修改，也可以在代码中动态地获取和修改

2.4 信号

按钮在按下和抬起的过程中，会发射多个信号。

// 当按钮被点击（按下并抬起）时，发送该信号，其中带有一个默认参数
// 对于QPushButton 通常不需要传递这个默认参数
// 对于可选中/取消选中的按钮，比如复选框QCheckBox、单选框QRadioButton 可以通过该参数，获取其是否选中
void clicked(bool checked = false);// 当按钮被按下时，发送该信号
void pressed();// 当按钮被抬起时，发送该信号
void released();

3. 案例

该案例演示，如何设置按钮的文本和图标，以及信号的使用，如下：

3.1 布局

在 UI 设计师界面，拖拽对应的控件，修改显示的文字、控件的 name，然后完成布局

3.2 添加图标

首先添加资源文件，并添加两个图标文件（方法在上一节已经进行了详细的介绍）

然后为按钮添加图标，如下：

3.3 添加样式表

在右侧的属性窗口中，或者在按钮上右键->【改变样式表…】，都可以打开编辑样式表的对话框

如下，设置了按钮的字体颜色和背景渐变：

3.4 代码实现

// 1、设置文本和图标
void Widget::on_btnStart_clicked()
{QString s = ui->btnStart->text();if(s == "启动") {// 设置文本和字体ui->btnStart->setText("停止");ui->btnStart->setFont(QFont("黑体", 16));// 设置图标和图标大小ui->btnStart->setIcon(QIcon(":/icon/stop.ico"));ui->btnStart->setIconSize(QSize(48, 48));} else {ui->btnStart->setText("启动");ui->btnStart->setFont(QFont("黑体", 12));ui->btnStart->setIcon(QIcon(":/icon/start.ico"));ui->btnStart->setIconSize(QSize(32, 32));}
}// 2、使能禁能
void Widget::on_btnConnect_clicked()
{QString s = ui->btnConnect->text();if(s == "连接") {ui->btnConnect->setText("断开连接");ui->btnSend->setEnabled(true);} else {ui->btnConnect->setText("连接");ui->btnSend->setEnabled(false);}
}// 3、信号演示
// 按钮抬起时，会发射clicked信号
void Widget::on_btnSignal_clicked()
{qDebug() << "clicked...";
}// 按钮按下时，会发射pressed信号
void Widget::on_btnSignal_pressed()
{qDebug() << "pressed...";
}// 按钮抬起时，会发射released信号
void Widget::on_btnSignal_released()
{qDebug() << "released...";
}

本节对应的视频讲解：B_站_视_频

https://www.bilibili.com/video/BV1zG411s7LG

【QT开发笔记-基础篇】| 第二章常用控件 | 2.2 按钮 QPushButton相关推荐

【QT开发笔记-基础篇】| 第二章常用控件 | 2.12 表格控件 QTableWidget
本节对应的视频讲解:B_站_链_接 QTableWidget 是 Qt 中的表格控件,可以行列的形式来展示数据 1. 属性和方法 QTableWidget 有很多属性和方法,完整的可查看帮助文档. 在 ...
【QT开发笔记-基础篇】| 第二章常用控件 | 2.3 标签 QLabel
本节对应的视频讲解:B_站_链_接 https://www.bilibili.com/video/BV1wB4y1B7b7 QLabel 是 Qt 中的标签类,通常用于显示提示性的文本,也可以显示图像 ...
【QT开发笔记-基础篇】| 第二章常用控件 | 2.9 滑动条 QSlider
本节对应的视频讲解:B_站_链_接 https://www.bilibili.com/video/BV1BT411g791 QSlider 是滑动条控件,滑动条可以在一个范围内拖动,并将其位置转换为整 ...
【QT开发笔记-基础篇】| 第二章常用控件 | 2.11 列表框 QListWidget
本节对应的视频讲解:B_站_链_接 https://www.bilibili.com/video/BV1gd4y1Q7Bw Qt 中的列表框控件,对应的类是 QListWidget 它用于显示多个列表 ...
【QT开发笔记-基础篇】| 第五章绘图QPainter | 5.1 效果演示、技术点
本节对应的视频讲解:B_站_视_频 https://www.bilibili.com/video/BV14P4y197pi Qt 中绘图用到的类是 QPainter,可以实现点.线.矩形.圆形.多边形 ...
【QT开发笔记-基础篇】| 第一章 QT入门 | 1.2 搭建Qt开发环境
本节对应的视频讲解:B_站_链_接 https://www.bilibili.com/video/BV1Pr4y1x7fh Qt 开发主要有两种开发环境 Qt Creator 它是 Qt 官方提供的开 ...
【QT开发笔记-基础篇】| 第一章 QT入门 | 1.1 为什么要学习Qt
本节对应的视频讲解:B_站_链_接 https://www.bilibili.com/video/BV1334y1776z Qt 是一个跨平台的 C++ 图形用户界面应用程序框架 Qt 为应用程序开发 ...
【QT开发笔记-基础篇】| 第一章 QT入门 | 1.4 项目构建流程
本节对应的视频讲解:B_站_链_接 https://www.bilibili.com/video/BV1cW4y1y7Lw 在上一节课中,我们新建了第一个 Qt 工程,其中包括 5 个文件: Hell ...
【QT开发笔记-基础篇】| 第五章绘图QPainter | 5.2 界面布局
本节对应的视频讲解:B_站_视_频 https://www.bilibili.com/video/BV1fR4y1k7Kt 上节课,初步展示了本章要实现的效果.本节课开始,就从零新建工程,把效果一一实 ...

【QT开发笔记-基础篇】| 第二章常用控件 | 2.2 按钮 QPushButton

本节对应的视频讲解：B_站_视_频

1. 讲课风格

1.1 调节字体大小

1.2 如何讲解？

1.3 如何写代码

1.4 观看视频小技巧

2. 属性和方法

2.1 文本

2.2 图标

2.3 样式表

2.4 信号

3. 案例

3.1 布局

3.2 添加图标

3.3 添加样式表

3.4 代码实现

本节对应的视频讲解：B_站_视_频

【QT开发笔记-基础篇】| 第二章常用控件 | 2.2 按钮 QPushButton相关推荐

最新文章

热门文章

【QT开发笔记-基础篇】| 第二章 常用控件 | 2.2 按钮 QPushButton

本节对应的视频讲解：B_站_视_频

1. 讲课风格

1.1 调节字体大小

1.2 如何讲解？

1.3 如何写代码

1.4 观看视频小技巧

2. 属性和方法

2.1 文本

2.2 图标

2.3 样式表

2.4 信号

3. 案例

3.1 布局

3.2 添加图标

3.3 添加样式表

3.4 代码实现

本节对应的视频讲解：B_站_视_频

【QT开发笔记-基础篇】| 第二章 常用控件 | 2.2 按钮 QPushButton相关推荐

最新文章

热门文章

【QT开发笔记-基础篇】| 第二章常用控件 | 2.2 按钮 QPushButton

【QT开发笔记-基础篇】| 第二章常用控件 | 2.2 按钮 QPushButton相关推荐