Qt控件----输入窗口部件
文章目录
- 输入窗口部件
- 一、QComboBox
-
- 1. 控件简介
- 2. 用法示例
- 3. 运行效果
- 二、QFontComboBox
-
- 1. 控件简介
- 2. 用法示例
- 3. 运行效果
- 三、QLineEdit
-
- 1. 控件简介
- 2. 用法示例
- 3. 运行效果
- 四、QTextEdit
-
- 1. 控件简介
- 2. 用法示例
- 3. 运行效果
- 五、QPlainTextEdit
-
- 1. 控件简介
- 2. 用法示例
- 3. 运行效果
- 六、QSpinBox
-
- 1. 控件简介
- 2. 用法示例
- 3. 运行效果
- 七、QDoubleSpinBox
-
- 1. 控件简介
- 2. 用法示例
- 3. 运行效果
- 八、QTimeEdit
-
- 1. 控件简介
- 2. 用法示例
- 3. 运行效果
- 九、QDateEdit
-
- 1. 控件简介
- 2. 用法示例
- 3. 运行效果
- 十、QDateTimeEdit
-
- 1. 控件简介
- 2. 用法示例
- 3. 运行效果
- 十一、QDial
-
- 1. 控件简介
- 2. 用法示例
- 3. 运行效果
- 十二、QScrollBar
-
- 1. 控件简介
- 2. 用法示例
- 3. 运行效果
- 十三、QSlider
-
- 1. 控件简介
- 2. 用法示例
- 3. 运行效果
- 十四、OKeySequenceEdit
-
- 1. 控件简介
- 2. 用法示例
- 3. 运行效果
输入窗口部件
Qt Designer 窗口部件提供的面板中，提供了 16 种输入部件如下
（1） Comb Box:组合框
（2） Font Comb Box:字体组合框
（3） Line Edit:单行编辑框
（4） Text Edit:文本编辑框
（5） Plain Text Edit:纯文本编辑框
（6） Spin Box:数字旋转框
（7） Double Spin Box:双精度数字旋转框
（8） Time Edit:时间编辑框
（9） Date Edit:日期编辑框
（10） Date/Time Edit:日期时间编辑框
（11） Dial:数字拨盘框
（12） Horizontal Scroll Bar:水平滚动条
（13） Vertical Scroll Bar:垂直滚动条
（14） Horizontal Slider:水平滑动条
（15） Vertical Slider:垂直滑动条
（16） Key sequence Edit:按键序列编辑框
这十六种按钮部件作用简介如下:
QComboBox 继承 QWidget 类，被 QFontComboBox 类继承。通常用于用户显示选项列表的方法，这种方法占用最少的屏幕空间。
QFontComboBox 继承 QComboBox。QFontComboBox 小部件是一个允许用户选择字体系列的组合框。组合框中填充了按字母顺序排列的字体家族名称列表。FontComboBox 常用于工具栏，与 ComboBox 一起用于控制字体大小，并与两个 ToolButtons 一起用于粗体和斜体。
QLineEdit 继承 QWidget。QLineEdit 小部件是一个单行文本编辑器。行编辑允许用户使用一组有用的编辑函数输入和编辑一行纯文本，包括撤消和重做、剪切和粘贴以及拖放。通过更改行编辑的 echoMode()，它还可以用作“只写”字段，用于输入如密码等。QTextEdit 继承 QAbstractScrollArea，被 QTextBrowser 继承。QTextEdit 是一个高级所见即所得查看器/编辑器，支持使用 html 样式的标记进行 rich text 格式化。它经过优化以处理大型文档并快速响应用户输入。QTextEdit 用于段落和字符。段落是格式化的字符串，它被字包装以适应小部件的宽度。在阅读纯文本时，默认情况下，一个换行表示一个段落。一份文件由零个或多个段落组成。段落中的文字与段落的对齐方式一致。段落之间用硬换行符隔开。段落中的
每个字符都有自己的属性，例如字体和颜色。QTextEdit 可以显示图像，列表和表格。如果文本太大而无法在文本编辑的视图中查看，视图中则会出现滚动条。
QPlainTextEdit 是一个支持纯文本的高级查看器/编辑器。它被优化为处理大型文档和快速响应用户输入。
QSpinBox 继承 QAbstractSpinBox。用于处理整数和离散值（例如：月份名称）而 QDoubleSpinBox 则用于处理浮点值。他们之间的区别就是处理数据的类型不同，其他功能都基本相同。QSpinBox 允许用户通过单击上/下按钮或按下键盘上的上/下按钮来选择一个值，以增加/减少当前显示的值。用户还可以手动输入值。
QDoubleSpinBox 继承 QAbstractSpinBox。QDoubleSpinBox 则用于处理浮点值。QDoubleSpinBox 允许用户通过单击“向上”和“向下”按钮或按下键盘上的“向上”或“向下”按钮来选择当前显示的值。用户还可以手动输入值。
QTimeEdit 继承 QDateTimeEdit。QTimeEdit 用于编辑时间，而 QDateEdit 用于编辑日期。
QDateEdit 继承 QDateTimeEdit。QDateEdit 用于编辑日期，而 QTimeEdit 用于编辑时间。
QDateTimeEdit 类提供了一个用于编辑日期和时间的小部件。QDateTimeEdit 允许用户使用键盘或箭头键编辑日期，以增加或减少日期和时间值。箭头键可用于在 QDateTimeEdit 框中从一个区域移动到另一个区域。
QDial 类提供了一个圆形范围控制(如速度计或电位器)。QDial 用于当用户需要在可编程定义的范围内控制一个值，并且该范围要么是环绕的(例如，从 0 到 359 度测量的角度)，要么对话框布局需要一个正方形小部件。由于 QDial 从 QAbstractSlider 继承，因此拨号的行为与滑块类似。 当 wrapping（）为 false（默认设置）时，滑块和刻度盘之间没有真正的区别。 它们共享相同的信号，插槽和成员功能。 您使用哪一个取决于您的用户期望和应用程序类型。
QScrollBar 继承 QAbstractSlider。QScrollBar 小部件提供垂直或水平滚动条，允许用户访问比用于显示文档的小部件大的文档部分。它提供了用户在文档中的当前位置和可见文档数量的可视化指示。滚动条通常配有其他控件，可以实现更精确的导航。
QSlider 继承 QAbstractSlider。QSlider 类提供垂直或水平滑动条小部件，滑动条是用于控制有界值的典型小部件。它允许用户沿着水平或垂直凹槽移动滑块手柄，并将手柄的位置转换为合法范围内的整数值。
QKeySequenceEdit 继承 QWidget。这个小部件允许用户选择 QKeySequence, QKeySequence通常用作快捷方式。当小部件接收到焦点并在用户释放最后一个键后一秒结束时，将启动记录，通常用作记录快捷键。
一、QComboBox
1. 控件简介
QComboBox 类提供了 Qt 下拉组合框的组件。
2. 用法示例
例 10_qcombobox，选择省份（难度：简单），通过点击下拉按钮的项，选择其中一项，然后打印出当前选择项的内容。
在新建例程中不要勾选“Generate form”，默认继承 QMainWindow 类即可。项目新建完成如下图。
在头文件“mainwindow.h”具体代码如下。
#ifndef MAINWINDOW_H
#define MAINWINDOW_H
#include 第 18 行，声明一个 QDialogButtonBox 对象。
在源文件“mainwindow.cpp”具体代码如下。
1 #include "mainwindow.h"
2 /* 引入 QDebug */
3 #include <QDebug>
4
5 MainWindow::MainWindow(QWidget *parent)
6 : QMainWindow(parent)
7 {
8 /* 设置主窗体的显示位置与大小 */
9 this->setGeometry(0, 0, 800, 480);
10
11 /* 实例化对象 */
12 comboBox = new QComboBox(this);
13
14 /* 设置 comboBox 的显示位置与大小 */
15 comboBox->setGeometry(300, 200, 150, 30);
16
17 /* 添加项，我们添加三个省份，作为 comboBox 的三个选项 */
18 comboBox->addItem("广东(默认)");
19 comboBox->addItem("湖南");
20 comboBox->addItem("四川");
21
22 /* 信号槽连接 */
23 connect(comboBox, SIGNAL(currentIndexChanged(int)), this,
24 SLOT(comboBoxIndexChanged(int)));
25 }
26
27 MainWindow::~MainWindow()
28 {
29 }
30
31 void MainWindow::comboBoxIndexChanged(int index)
32 {
33 /* 打印出选择的省份 */
34 qDebug()<<"您选择的省份是"<< comboBox->itemText(index)<<endl;
35 }
第 18 至 20 行，添加 Item，也就是项。
第 30 至 34 行，当点击下拉列表改变选择的省份就会触发currentIndexChanged(int)这个信号，就会相应打印项的省份名称。
在源文件“main.cpp”具体由新建项目时生成，无改动。
3. 运行效果
程序编译运行的结果如下，当点击下拉选择框选择省份时，槽函数将打印出您选择的省份。
点击选择“湖南”，则打印出“您选择的省份是湖南”。
QComboBox 我们常会在一些需要下拉列表选择的项目中用到。比如 QQ 登录如果有多个帐号选择就需要这个 QComboBox。
二、QFontComboBox
1. 控件简介
QFontComboBox 类提供了下拉选择字体系列的组合框小部件。
2. 用法示例
例 11_qfontcombobox，字体选择（难度：简单），通过点击下拉按钮的项，选择其中一项，然后打印出当前选择项的内容。
在新建例程中不要勾选“Generate form”，默认继承 QMainWindow 类即可。项目新建完成如下图。
在头文件“mainwindow.h”具体代码如下。
1 #ifndef MAINWINDOW_H
2 #define MAINWINDOW_H
3
4 #include <QMainWindow>
5 /* 引入 QFontComboBox */
6 #include <QFontComboBox>
7 /* 引入 QLable */
8 #include <QLabel>
9
10 class MainWindow : public QMainWindow
11 {
12 Q_OBJECT
13
14 public:
15 MainWindow(QWidget *parent = nullptr);
16 ~MainWindow();
17
18 private:
19 /* 声明一个 QFontComboBox 对象 */
20 QFontComboBox *fontComboBox;
21 /* 声明一个 Label 对象，用于显示当前字体变化 */
22 QLabel *label;
23
24 private slots:
25 /* 声明 QFontComboBox 对象使用的槽函数 */
26 void fontComboBoxFontChanged(QFont);
27
28 };
29 #endif // MAINWINDOW_H
第 20 行，声明一个 QFontComboBox 对象。
在源文件“mainwindow.cpp”具体代码如下。
1 #include "mainwindow.h"
2
3 MainWindow::MainWindow(QWidget *parent)
4 : QMainWindow(parent)
5 {
6 /* 设置主窗体的显示位置和大小 */
7 this->setGeometry(0, 0, 800, 480);
8
9 /* 实例化对象 */
10 fontComboBox = new QFontComboBox(this);
11 label = new QLabel(this);
12
13 /* 设置显示的位置与大小 */
14 fontComboBox->setGeometry(280, 200, 200, 30);
15 label->setGeometry(280, 250, 300, 50);
16
17 /* 信号与槽连接 */
18 connect(fontComboBox, SIGNAL(currentFontChanged(QFont)), this,
19 SLOT(fontComboBoxFontChanged(QFont)));
20 }
21
22 MainWindow::~MainWindow()
23 {
24 }
25
26 /* 槽函数实现 */
27 void MainWindow::fontComboBoxFontChanged(QFont font)
28 {
29 /* 将 label 里的文本内容设置为所选择的字体 */
30 label->setFont(font);
31
32 /* 定义一个字符串接收当前项的字体 */
33 QString str = "用此标签显示字体效果\n 设置的字体为：" +
34 fontComboBox->itemText(fontComboBox->currentIndex());
35
36 /* 将字符串的内容作为 label 的显示内容 */
37 label->setText(str);
38 }
第 27 至 37 行，当选择的字体改变时，槽函数就会设置 label 的字体，并打印当前字体的名称。
在源文件“main.cpp”具体代码由新建项目时生成，无改动。
3. 运行效果
程序编译运行的结果如下，当点击 FontCOmboBox 字体组合框选择字体后，Label 标签显示的字体将改变为当前所选择的字体。（注意 Ubuntu 与 Windows 的字体不一样，所以显示的效果有可能不一样，下图为 Ubuntu 的字体显示效果）
在手机，电脑一些软件都有设置字体的功能，由用户自行选择，所以我们这个QFontComboBox 就可以应用于此种场合。当然也有设置字体的大小，颜色等，这些由我们自由设计。
三、QLineEdit
1. 控件简介
QLineEdit 小部件是一个单行文本编辑器。行编辑允许用户使用一组有用的编辑函数输入和编辑一行纯文本。包括撤消和重做、剪切和粘贴以及拖放。通过更改行编辑的 echoMode()，它还可以用作“只写”字段，用于输入如密码等。
2. 用法示例
例 12_qlineedit，单行输入框（难度：简单），通过点击下拉按钮的项，选择其中一项，然后打印出当前选择项的内容。
在新建例程中不要勾选“Generate form”，默认继承 QMainWindow 类即可。项目新建完成如下图。
在头文件“mainwindow.h”具体代码如下。像引入头文件，设置主窗体大小位置和实例化对象这种注释我们慢慢淡化，不再写详细注释了。读者看了前面的对这种设置已经很清楚了。
1 #ifndef MAINWINDOW_H
2 #define MAINWINDOW_H
3
4 #include <QMainWindow>
5 #include <QLineEdit>
6 #include <QPushButton>
7 #include <QLabel>
8
9 class MainWindow : public QMainWindow
10 {
11 Q_OBJECT
12
13 public:
14 MainWindow(QWidget *parent = nullptr);
15 ~MainWindow();
16 private:
17 /* 声明一个 QLineEdit 对象 */
18 QLineEdit *lineEdit;
19
20 /* 声明一个 QPushButton 对象 */
21 QPushButton *pushButton;
22
23 /* 声明一个 QLabel 对象 */
24 QLabel *label;
25
26 private slots:
27 /* 声明一个槽函数，响应 pushButton 的 clicked 事件 */
28 void pushButtonClicked();
29 };
30 #endif // MAINWINDOW_H
在源文件“mainwindow.cpp”具体代码如下。
1 #include "mainwindow.h"
2
3 MainWindow::MainWindow(QWidget *parent)
4 : QMainWindow(parent)
5 {
6 this->setGeometry(0, 0, 800, 480);
7
8 lineEdit = new QLineEdit(this);
9 lineEdit->setGeometry(280, 200, 200, 20);
10
11 pushButton = new QPushButton(this);
12 pushButton->setGeometry(500, 200, 50, 20);
13 pushButton->setText("确认");
14
15 label = new QLabel(this);
16 label->setGeometry(280, 250, 400, 20);
17 label->setText("您输入的内容是：");
18
19 /* 信号槽连接 */
20 connect(pushButton,SIGNAL(clicked()), this,
21 SLOT(pushButtonClicked()));
22 }
23
24 MainWindow::~MainWindow()
25 {
26 }
27
28 void MainWindow::pushButtonClicked()
29 {
30 /* 字符串变量 str */
31 QString str;
32
33 str = "您输入的内容是：";
34 str += lineEdit->text();
35
36 /* 设置 label 里的文本显示内容 */
37 label->setText(str);
38 /* 在点击了确认键之后清空 lineEdit 单行输入框 */
39 lineEdit->clear();
40 }
第 28 至 40 行，当我们在单选输入框里输入完成后，将输入的内容设置为在 label 的文本内容。
在源文件“main.cpp”具体代码由新建项目时生成，无改动。
3. 运行效果
程序编译运行的结果如下，当在QLineEdit单行输入框内输入文本内容后，单击QPushButton确认按钮后，QLabel 的文本内容将显示您所输入的内容。然后 QLineEdit 将清空，可再次输入。
QLineEdit 的简单使用如上，编者也是简单的介绍了它的用法。要想写好一点的例子，需要我们主动思考，比如，做个将这个 QLineEdit 应用到密码登录窗口上，输入密码，然后判断这个密码是否与预设的密码一样才解锁等。
四、QTextEdit
1. 控件简介
QTextEdit 类提供了一个查看器/编辑器小部件。
2. 用法示例
例 13_qtextedit 文本编辑框（难度：简单），用一个 QTextEdit 来演示文本的输入，用两个QPushButton 来模拟文本编辑的全选与清除。在 QTextEdit 里也可用键盘的快捷键（如 Ctrl+A）来完成全选，复制，粘贴等操作。Qt 提供了全选，复制粘贴等这一类的函数方便用户操作，下面用简单的实例来演示。
在新建例程中不要勾选“Generate form”，默认继承 QMainWindow 类即可。项目新建完成如下图。
在头文件“mainwindow.h”具体代码如下。
1 #ifndef MAINWINDOW_H
2 #define MAINWINDOW_H
3 #include <QTextEdit>
4 #include <QPushButton>
5
6 #include <QMainWindow>
7
8 class MainWindow : public QMainWindow
9 {
10 Q_OBJECT
11
12 public:
13 MainWindow(QWidget *parent = nullptr);
14 ~MainWindow();
15
16 private:
17 /* 声明一个 QTextEdit 对象 */
18 QTextEdit *textEdit;
19
20 /* 声明两个 QPushButton 对象 */
21 QPushButton *pushButtonSelectAll;
22 QPushButton *pushButtonClearAll;
23
24 private slots:
25 /* 声明两个槽函数，响应按钮点击响应的事件 */
26 void pushButtonSelectAllClicked();
27 void pushButtonClearAllClicked();
28
29 };
30 #endif // MAINWINDOW_H
在源文件“mainwindow.cpp”具体代码如下。
1 #include "mainwindow.h"
2
3 MainWindow::MainWindow(QWidget *parent)
4 : QMainWindow(parent)
5 {
6 /* 设置主窗体显示的位置和大小 */
7 this->setGeometry(0, 0, 800, 480);
8
9 /* 实例和对象，设置位置和显示大小 */
10 textEdit = new QTextEdit(this);
11 textEdit->setGeometry(0, 0, 800, 400);
12
13 /* 实例和对象，设置位置和显示大小，设置文本 */
14 pushButtonSelectAll = new QPushButton(this);
15 pushButtonSelectAll->setGeometry(200, 420, 50, 20);
16 pushButtonSelectAll->setText("全选");
17
18 /* 实例和对象，设置位置和显示大小，设置文本 */
19 pushButtonClearAll = new QPushButton(this);
20 pushButtonClearAll->setGeometry(500, 420, 50, 20);
21 pushButtonClearAll->setText("清除");
22
23 /* 信号槽连接 */
24 connect(pushButtonSelectAll, SIGNAL(clicked()), this,
25 SLOT(pushButtonSelectAllClicked()));
26 connect(pushButtonClearAll, SIGNAL(clicked()), this,
27 SLOT(pushButtonClearAllClicked()));
28
29 }
30
31 MainWindow::~MainWindow()
32 {
33 }
34
35 void MainWindow::pushButtonSelectAllClicked()
36 {
37 /* 设置焦点为 textEdit */
38 textEdit->setFocus();
39 /* 判断文本编辑框内容是否为空，不为空则全选 */
40 if(!textEdit->toPlainText().isEmpty()){
41 /* 全选 */
42 textEdit->selectAll();
43 }
44 }
45
46 void MainWindow::pushButtonClearAllClicked()
47 {
48 /* 清空 textEdit 里的文本内容 */
49 textEdit->clear();
50 }
51
第 35 至 49 行，当我们在文本输入框里输入完成后，当点击全选按钮后，需要设置焦点到textEdit 上，否则将不能设置全选。
在源文件“main.cpp”具体代码由新建项目时生成，无改动。
3. 运行效果
程序编译运行的结果如下，在编辑框里输入文字后，点击按钮全选，点击清除则清除编辑框内的全部内容。如下图为点击全选的效果。
五、QPlainTextEdit
1. 控件简介
QPlainTextEdit 类提供了一个用于编辑和显示纯文本的小部件，常用于显示多行文本或简单文本。
2. 用法示例
例 14_qplaintextedit 文本浏览编辑器（难度：简单），用一个 QPlainTextEdit 来读取本当前工程里的一个文件，并用一个RadioButton 里将 QPlainTextEdit 设为只读。
在新建例程中不要勾选“Generate form”，默认继承 QMainWindow 类即可。项目新建完成如下图。
在头文件“mainwindow.h”具体代码如下。
1 #ifndef MAINWINDOW_H
2 #define MAINWINDOW_H
3
4 #include <QPlainTextEdit>
5 #include <QRadioButton>
6
7 #include <QMainWindow>
8
9 class MainWindow : public QMainWindow
10 {
11 Q_OBJECT
12
13 public:
14 MainWindow(QWidget *parent = nullptr);
15 ~MainWindow();
16
17 private:
18 /* 声明对象 */
19 QPlainTextEdit *plainTextEdit;
20 QRadioButton *radioButton;
21
22 private slots:
23 /* 槽函数 */
24 void radioButtonClicked();
25
26 };
27 #endif // MAINWINDOW_H
在源文件“mainwindow.cpp”具体代码如下。
1 #include "mainwindow.h"
2 #include <QDir>
3 #include <QTextStream>
4 #include <QCoreApplication>
5
6 MainWindow::MainWindow(QWidget *parent)
7 : QMainWindow(parent)
8 {
9 /* 设置当前程序的工作目录为可执行程序的工作目录 */
10 QDir::setCurrent(QCoreApplication::applicationDirPath());
11
12 this->setGeometry(0, 0, 800, 480);
13
14 plainTextEdit = new QPlainTextEdit(this);
15 plainTextEdit->setGeometry(0, 50, 800, 430);
16
17 radioButton = new QRadioButton(this);
18 radioButton->setGeometry(650, 20, 100, 20);
19 radioButton->setText("只读模式");
20
21 /* 打开可执行程序目录里的 moc_mainwindow.cpp，注意如果是 Windows 下
22 moc_mainwindow.cpp 并不在当前目录，而在上一级目录"../moc_mainwindow.cpp
"*/
23 QFile file("moc_mainwindow.cpp");
24
25 /* 以只读模式打开，但是可以在 plainTextEdit 里编辑 */
26 file.open((QFile::ReadOnly | QFile::Text));
27
28 /* 加载到文件流 */
29 QTextStream in(&file);
30
31 /* 从文本流中读取全部 */
32 plainTextEdit->insertPlainText(in.readAll());
33
34 /* 信号槽连接 */
35 connect(radioButton, SIGNAL(clicked()), this,
36 SLOT(radioButtonClicked()));
37
38 }
39
40 MainWindow::~MainWindow()
41 {
42 }
43
44 void MainWindow::radioButtonClicked()
45 {
46 /* 检查 radioButton 是否选中 */
47 if(radioButton->isChecked()) {
48 /* 设置为只读模式 */
49 plainTextEdit->setReadOnly(true);
50 } else {
51 /* 设置为非只读模式 */
52 plainTextEdit->setReadOnly(false);
53 }
54 }
第 44 和 54 行，检查 radioButton 是否选中。
在源文件“main.cpp”具体代码由新建项目时生成，无改动。
3. 运行效果
程 序 编 译 运 行 的 结 果 如 下 ， 当 程 序 正 常 运 行 后 会 打 开 程 序 当 前 路 径 下 的 ”moc_mainwindow.cpp” 文 件 ，（ 注 意 在 Windows 下 moc_mainwindow.cpp 应 该 写 成 ”…/moc_mainwindow.cpp”），且在 QPlainTextEdit 编辑框下是可编辑的，当选中程序界面上的只读模式时，QPlainTextEdit 编辑框就不可以再编辑。相反可以取消只读模式则可以再编辑。
有了 QTextEdit，为什么还有 QPlainTextEdit？QPlainTextEdit 可以理解为 QTextEdit 的低配版。QPlainTextEdit 支持纯文本显示，QTextEdit 支持富文本（支持多种格式，比如插入图片，链接等）显示。就是多一个样式。QPlainTextEdit 显示的效率比 QTextEdit 高，如果需要显示大量文字，尤其是需要滚动条来回滚动的时候，QPlainTextEdit 要好很多。
六、QSpinBox
1. 控件简介
QSpinBox 类提供了一个微调框小部件。
2. 用法示例
例 15_qspinbox 窗口背景不透明调节器（难度：简单），用一个 QSpinBox 来调节程序窗体的整体不透明度。
在新建例程中不要勾选“Generate form”，默认继承 QMainWindow 类即可。项目新建完成如下图。
在头文件“mainwindow.h”具体代码如下。
#ifndef MAINWINDOW_H
#define MAINWINDOW_H
#include 在源文件“mainwindow.cpp”具体代码如下。
1 #include "mainwindow.h"
2
3 MainWindow::MainWindow(QWidget *parent)
4 : QMainWindow(parent)
5 {
6 this->setGeometry(0, 0, 800, 480);
7
8 /* 设置主窗口背景颜色，rgb 颜色标准，a 代表不透明度（0～100）*/
9 this->setStyleSheet("QMainWindow{background-color: "
10 "rgba(100, 100, 100, 100%) }");
11
12 spinBox = new QSpinBox(this);
13 spinBox->setGeometry(350, 200, 150, 30);
14
15 /* 设置范围 0～100 */
16 spinBox->setRange(0, 100);
17
18 /* 设置步长为 10 */
19 spinBox->setSingleStep(10);
20
21 /* 设置初始值为 100 */
22 spinBox->setValue(100);
23
24 /* 设置后缀 */
25 spinBox->setSuffix("%不透明度");
26
27 /* 信号槽连接 */
28 connect(spinBox,SIGNAL(valueChanged(int)), this,
29 SLOT(spinBoxValueChanged(int)));
30 }
31
32 MainWindow::~MainWindow()
33 {
34 }
35
36 void MainWindow::spinBoxValueChanged(int opacity)
37 {
38 /* 转换为 double 数据类型 */
39 double dobleopacity = (double)opacity / 100;
40
41 /* 设置窗体不透明度，范围是 0.0～1.0。1 则为不透明，0 为全透明 */
42 this->setWindowOpacity(dobleopacity);
43 }
第 42 行，设置主窗体的不透明度。
在源文件“main.cpp”具体代码由新建项目时生成，无改动。
3. 运行效果
程序编译运行的结果如下，程序初始化界面时是全不透明，不透明度值为 100%，当点击向下调节 SpinBox 后，整个窗体的不透明将会变小。当不透明度的值变小时，窗口将透明化。
七、QDoubleSpinBox
1. 控件简介
QDoubleSpinBox 类提供了一个用于处理浮点值微调框小部件。与 QSpinBox 作用基本一样，与 QSpinBox 不同的是QDoubleSpinBox 类处理的是浮点值数据。
2. 用法示例
例 16_qdoublespinbox 窗口大小调节器（难度：简单），用一个 QDoubleSpinBox 来调节程序窗口的整体大小。
在新建例程中不要勾选“Generate form”，默认继承 QMainWindow 类即可。项目新建完成如下图。
在头文件“mainwindow.h”具体代码如下。
1 #ifndef MAINWINDOW_H
2 #define MAINWINDOW_H
3
4 #include <QMainWindow>
5 #include <QDoubleSpinBox>
6
7 class MainWindow : public QMainWindow
8 {
9 Q_OBJECT
10
11 public:
12 MainWindow(QWidget *parent = nullptr);
13 ~MainWindow();
14
15 private:
16 /* 声明一个 QDoubleSpinBox 对象 */
17 QDoubleSpinBox *doubleSpinBox;
18
19 private slots:
20 /* 槽函数 */
21 void doubleSpinBoxValueChanged(double);
22
23 };
24 #endif // MAINWINDOW_H
在源文件“mainwindow.cpp”具体代码如下。
1 #include "mainwindow.h"
2
3 MainWindow::MainWindow(QWidget *parent)
4 : QMainWindow(parent)
5 {
6 this->setGeometry(0, 0, 800, 480);
7
8 /* 实例化和设置显示的位置与大小 */
9 doubleSpinBox = new QDoubleSpinBox(this);
10 doubleSpinBox->setGeometry((this->width() - 200) / 2,
11 (this->height() - 30) / 2,
12 200, 30);
13 /* 设置前缀 */
14 doubleSpinBox->setPrefix("窗口大小");
15
16 /* 设置后缀 */
17 doubleSpinBox->setSuffix("%");
18
19 /* 设置范围 */
20 doubleSpinBox->setRange(50.00, 100.00);
21
22 /* 设置初始值 */
23 doubleSpinBox->setValue(100.00);
24
25 /* 设置步长 */
26 doubleSpinBox->setSingleStep(0.1);
27
28 /* 信号槽连接 */
29 connect(doubleSpinBox, SIGNAL(valueChanged(double)),
30 SLOT(doubleSpinBoxValueChanged(double)));
31
32 }
33
34 MainWindow::~MainWindow()
35 {
36 }
37
38 void MainWindow::doubleSpinBoxValueChanged(double value)
39 {
40 /* 重新计算窗口的宽与高 */
41 int w = 800 * value / 100;
42 int h = 480 * value / 100;
43
44 /* 重新设置窗口的宽与高 */
45 this->setGeometry(0, 0, w, h);
46
47 /* 重新设置 doubleSpinBox 的显示位置 */
48 doubleSpinBox->setGeometry((this->width() - 200) / 2,
49 (this->height() - 30) / 2,
50 200, 30);
51
52 }
第 35 至 49 行，重新设置主窗体的宽高和 doubleSpinBox 的显示位置。
在源文件“main.cpp”具体代码由新建项目时生成，无改动。
3. 运行效果
程序编译运行的结果如下，程序初始化界面窗口大小值为 100%，当点击向下调节QDoubleSpinBox 时，整个窗体将按 QDoubleSpinBox 里数值的比例缩小，最小为 50.00%，相反当点击向上调节 QDoubleSpinBox 时，窗口大小将整体变大，最大为 100.00%。
八、QTimeEdit
1. 控件简介
QTimeEdit 类提供一个基于 QDateTimeEdit 类编辑时间的小部件。例在 下面的第十个介绍
2. 用法示例
3. 运行效果
九、QDateEdit
1. 控件简介
QDateEdit 类提供一个基于 QDateTimeEdit 类编辑时间的小部件。例在下面第十个介绍。
2. 用法示例
3. 运行效果
十、QDateTimeEdit
1. 控件简介
从名字可知 QDateTimeEdit 类提供了一个用于编辑日期和时间的小部件。QDateTimeEdit允许用户使用键盘或箭头键编辑日期，以增加或减少日期和时间值。箭头键可用于在QDateTimeEdit 框中从一个区域移动到另一个区域。实际上是 QDateTimeEdit 和 QDateEdit 的组
合。
2. 用法示例
例 17_qdatetimeedit 时间日期展示（难度简单），使用一个 QDateTimeEdit，一个 QTimeEdit以及一个 QDateEdit，传入当前系统时间与日期，展示简单的日期时间控件使用方法。
在新建例程中不要勾选“Generate form”，默认继承 QMainWindow 类即可。项目新建完成如下图。
在头文件“mainwindow.h”具体代码如下。
1 #ifndef MAINWINDOW_H
2 #define MAINWINDOW_H
3
4 #include <QMainWindow>
5 #include <QDateTimeEdit>
6 #include <QTimeEdit>
7 #include <QDateEdit>
8
9 class MainWindow : public QMainWindow
10 {
11 Q_OBJECT
12
13 public:
14 MainWindow(QWidget *parent = nullptr);
15 ~MainWindow();
16
17 private:
18 /* 声明对象 */
19 QDateTimeEdit *dateTimeEdit;
20 QTimeEdit *timeEdit;
21 QDateEdit *dateEdit;
22 };
23 #endif // MAINWINDOW_H
在源文件“mainwindow.cpp”具体代码如下。
1 #include "mainwindow.h"
2
3 MainWindow::MainWindow(QWidget *parent)
4 : QMainWindow(parent)
5 {
6 /* 设置位置与大小 */
7 this->setGeometry(0, 0, 800, 480);
8
9 /*实例化对象，传入当前日期与时间*/
10 dateTimeEdit = new QDateTimeEdit(
QDateTime::currentDateTime(),this);
11 dateTimeEdit->setGeometry(300, 200, 200, 30);
12 /* 弹出日期控件与否 */
13 //dateTimeEdit->setCalendarPopup(true);
14
15 /* 实例化对象，传入当前时间 */
16 timeEdit = new QTimeEdit(QTime::currentTime(),this);
17 timeEdit->setGeometry(300, 240, 200, 30);
18
19 /* 实例化对象，传入当前日期 */
20 dateEdit = new QDateEdit(QDate::currentDate(),this);
21 dateEdit->setGeometry(300, 280, 200, 30);
22 }
23
24 MainWindow::~MainWindow()
25 {
26 }
在源文件“main.cpp”具体代码由新建项目时生成，无改动。
3. 运行效果
程序编译运行的结果如下，当程序初始化时，分别显示系统当前的时间与日期（注意，windows 下 Qt 程序显示的格式可能不一样，下图为 linux 下的 Qt 程序日期显示格式）。
十一、QDial
1. 控件简介
QDial 类提供了一个圆形范围控制(如速度计或电位器)。QDial 用于当用户需要在可编程定义的范围内控制一个值，并且该范围要么是环绕的(例如，从 0 到 359 度测量的角度)，要么对话框布局需要一个正方形小部件。由于 QDial 从 QAbstractSlider 继承，因此拨号的行为与滑块类似。 当 wrapping（）为 false（默认设置）时，滑块和刻度盘之间没有真正的区别。 它们共享相同的信号，插槽和成员功能。 您使用哪一个取决于您的用户期望和应用程序类型。
2. 用法示例
例 18_qdial 车速表（难度：简单），使用一个 QDial，以一个 QLabel，演示 QDial 的用法。当程序初始化界面后，拖动滑块的位置，label 则会显示 dial 的值。
在新建例程中不要勾选“Generate form”，默认继承 QMainWindow 类即可。项目新建完成如下图。
在头文件“mainwindow.h”具体代码如下。
1 #ifndef MAINWINDOW_H
2 #define MAINWINDOW_H
3
4 #include <QDial>
5 #include <QLabel>
6 #include <QMainWindow>
7
8 class MainWindow : public QMainWindow
9 {
10 Q_OBJECT
11
12 public:
13 MainWindow(QWidget *parent = nullptr);
14 ~MainWindow();
15
16 private:
17 /* 声明对象 */
18 QDial *dial;
19 QLabel *label;
20
21 private slots:
22 /* 槽函数 */
23 void dialValueChanged(int);
24
25 };
26 #endif // MAINWINDOW_H
在源文件“mainwindow.cpp”具体代码如下。
1 #include "mainwindow.h"
2
3 MainWindow::MainWindow(QWidget *parent)
4 : QMainWindow(parent)
5 {
6 /* 设置主窗体的位置与大小 */
7 this->setGeometry(0, 0, 800, 480);
8
9 /* 实例化对象和设置显示位置与大小 */
10 dial = new QDial(this);
11 dial->setGeometry(300, 100, 200, 200);
12
13 /* 设置页长（两个最大刻度的间距）*/
14 dial->setPageStep(10);
15
16 /* 设置刻度可见 */
17 dial->setNotchesVisible(true);
18
19 /* 设置两个凹槽之间的目标像素数 */
20 dial->setNotchTarget(1.00);
21
22 /* 设置 dial 值的范围 */
23 dial->setRange(0,100);
24
25 /* 开启后可指向圆的任何角度 */
26 //dial->setWrapping(true);
27
28 /* 实例化对象和设置显示位置与大小 */
29 label = new QLabel(this);
30 label->setGeometry(370, 300, 200, 50);
31
32 /* 初始化为 0km/h */
33 label->setText("0km/h");
34
35 /* 信号槽连接 */
36 connect(dial, SIGNAL(valueChanged(int)),
37 this, SLOT(dialValueChanged(int)));
38 }
39
40 MainWindow::~MainWindow()
41 {
42 }
43
44 void MainWindow::dialValueChanged(int val)
45 {
46 /* QString::number()转换成字符串 */
47 label->setText(QString::number(val) + "km/h");
48 }
在源文件“main.cpp”具体代码由新建项目时生成，无改动。
3. 运行效果
程序编译运行的结果如下，当程序初始化时，QDial 控件的显示如下（注意，windows 下QDial 控件显示的格式可能不一样，下图为 linux 下的 QDial 控件的显示样式）。当用鼠标拖动滑块或者按键盘的上下左右方向键时，label 则会显示当前“车速”。
QDial 在很多场合都能使用，比如音量控制，汽车仪表盘，芝麻信用分等场合都可以使用到，只是需要我们有这个创意和想法，还需要个人的美工基础。
十二、QScrollBar
1. 控件简介
QScrollBar 继承 QAbstractSlider。QScrollBar 小部件提供垂直或水平滚动条，允许用户访问比用于显示文档的小部件大的文档部分。它提供了用户在文档中的当前位置和可见文档数量的可视化指示。滚动条通常配有其他控件，可以实现更精确的导航(这里指浏览到精确的位置)。
2. 用法示例
例 19_qscrollbar 创建水平和垂直滚动条（难度：简单），使用 QScrollBar 类实例化两个控件，一个是水平滚动条，另一个是垂直滚动条，中间用一个标签文本来显示。 （本例只创建实例，不对效果进行细化（请注意：一般水平或垂直滚动条都用 QScrollArea 搭配其他控件使用，不单独使用 QScrollBar 去创建滚动条，有些控件“自带”滚动条，例如 QListWidget 等，都可以用 QScrollArea 来设置它的属性）。
在新建例程中不要勾选“Generate form”，默认继承 QMainWindow 类即可。项目新建完成如下图。
在头文件“mainwindow.h”具体代码如下。
1 #ifndef MAINWINDOW_H
2 #define MAINWINDOW_H
3
4 #include <QMainWindow>
5 #include <QScrollBar>
6 #include <QLabel>
7
8 class MainWindow : public QMainWindow
9 {
10 Q_OBJECT
11
12 public:
13 MainWindow(QWidget *parent = nullptr);
14 ~MainWindow();
15
16 private:
17 /* 声明水平滚动条对象 */
18 QScrollBar *horizontalScrollBar;
19
20 /* 声明垂直滚动条对象 */
21 QScrollBar *verticalScrollBar;
22
23 /* 声明标签文本 */
24 QLabel *label;
25 };
26 #endif // MAINWINDOW_H
在源文件“mainwindow.cpp”具体代码如下。
1 #include "mainwindow.h"
2
3 MainWindow::MainWindow(QWidget *parent)
4 : QMainWindow(parent)
5 {
6 /* 设置主窗体大小，位置 */
7 this->setGeometry(0,0,800,480);
8
9 /* 实例化水平滚动条及设置位置大小 */
10 horizontalScrollBar = new QScrollBar(Qt::Horizontal, this);
11 horizontalScrollBar->setGeometry(0, 450, 800, 30);
12
13 /* 实例化垂直滚动条及设置位置大小 */
14 verticalScrollBar = new QScrollBar(Qt::Vertical, this);
15 verticalScrollBar->setGeometry(770, 0, 30, 480);
16
17 /* 实例化，标签文本 */
18 label = new QLabel(this);
19 /* 设置文本 */
20 label->setText("这是一个测试");
21 /* 设置位置大小 */
22 label->setGeometry(300, 200, 100, 20);
23 }
24
25 MainWindow::~MainWindow()
26 {
27 }
在源文件“main.cpp”具体代码由新建项目时生成，无改动。
3. 运行效果
程序编译运行的结果。如下当程序初始化时，滚动条控件的显示如下（注意，windows 下滚动条控件显示的格式可能不一样，下图为 linux 下的滚动条控件的显示样式）。
十三、QSlider
1. 控件简介
QSlider 继承 QAbstractSlider。QScrollBar 类提供垂直或水平滑动条小部件，滑动条是用于控制有界值的典型小部件。它允许用户沿着水平或垂直凹槽移动滑块手柄，并将手柄的位置转换为合法范围内的整数值。
2. 用法示例
例 20_qslider 创建水平和垂直滑动条（难度：简单）创建两个 QSlider 对象，一个是水平滑动条，另一个是垂直滑动条；用一个 Label 来显示当前水平或垂直滑动条当前的值。设置水平滑动条与水平滑动条相互关联，通过滑动其中一个滑动条的值相应的也会改变另一个滑动条的值。
在新建例程中不要勾选“Generate form”，默认继承 QMainWindow 类即可。项目新建完成如下图。
在头文件“mainwindow.h”具体代码如下。
1 #ifndef MAINWINDOW_H
2 #define MAINWINDOW_H
3
4 #include <QMainWindow>
5 #include <QSlider>
6 #include <QLabel>
7
8 class MainWindow : public QMainWindow
9 {
10 Q_OBJECT
11
12 public:
13 MainWindow(QWidget *parent = nullptr);
14 ~MainWindow();
15
16 private:
17 /* 声明对象 */
18 QSlider *horizontalSlider;
19 QSlider *verticalSlider;
20 QLabel *label;
21 private slots:
22 /* 槽函数 */
23 void horizontalSliderValueChanged(int);
24 void verticalSliderValueChanged(int);
25
26 };
27 #endif // MAINWINDOW_H
在源文件“mainwindow.cpp”具体代码如下。
1 #include "mainwindow.h"
2
3 MainWindow::MainWindow(QWidget *parent)
4 : QMainWindow(parent)
5 {
6 this->setGeometry(0, 0, 800, 480);
7
8 /* 实例化水平滑动条对象*/
9 horizontalSlider = new QSlider(Qt::Horizontal, this);
10
11 /* 设置显示的位置与大小 */
12 horizontalSlider->setGeometry(250, 100, 200, 20);
13
14 /* 设置值范围 */
15 horizontalSlider->setRange(0, 100);
16
17 /* 实例化垂直滑动条对象 */
18 verticalSlider = new QSlider(Qt::Vertical, this);
19
20 /* 设置显示的位置与大小 */
21 verticalSlider->setGeometry(200, 50, 20, 200);
22
23 /* 设置值范围 */
24 verticalSlider->setRange(0, 100);
25
26 /* 实例化标签文本 */
27 label = new QLabel("滑动条值：0", this);
28 label->setGeometry(250, 200, 100, 20);
29
30 /* 信号槽连接 */
31 connect(horizontalSlider, SIGNAL(valueChanged(int)),
32 this, SLOT(horizontalSliderValueChanged(int)));
33 connect(verticalSlider, SIGNAL(valueChanged(int)),
34 this, SLOT(verticalSliderValueChanged(int)));
35
36 }
37
38 MainWindow::~MainWindow()
39 {
40 }
41
42 void MainWindow::horizontalSliderValueChanged(int val)
43 {
44 /* 当水平滑动条的值改变时，改变垂直滑动条的值 */
45 verticalSlider->setSliderPosition(val);
46
47 /* 将 int 类型转变成字符 */
48
49 QString str = "滑动条值：" + QString::number(val);
50
51 /* 显示当前垂直或水平滑动条的值 */
52 label->setText(str);
53
54 }
55
56 void MainWindow::verticalSliderValueChanged(int val)
57 {
58 /* 当垂直滑动条的值改变时，改变水平滑动条的值 */
59 horizontalSlider->setSliderPosition(val);
60 }
在源文件“main.cpp”具体代码新建项目时生成，无改动。
3. 运行效果
程序编译运行的结果如下。当程序初始化时，滑动条控件的显示如下（注意，windows 下滑动条控件显示的格式可能不一样，下图为 linux 下的滑动条控件的显示样式）。Label 显示的初始值为 0，当拖动任意一个滑动条来改变当前的值，另一个滑动条的值也在变。
十四、OKeySequenceEdit
1. 控件简介
QKeySequenceEdit 继承 QWidget。这个小部件允许用户选择 QKeySequence, QKeySequence通常用作快捷方式。当小部件接收到焦点并在用户释放最后一个键后一秒结束时，将启动记录，通常用作记录快捷键。
2. 用法示例
例 21_qkeysequenceedit 自定义快捷键（难度：简单），通常 KeySequenceEdit 控件记录快捷键后与 Qt 键盘事件搭配来使用，由于教程后面才说到事件，所以先不与 Qt 键盘事件搭配使用。下面使用一个 QKeySequenceEdit 控件，然后判断输入的组合键是否为 Ctrl + Q，若是，则关闭窗口，退出程序，如果不是，则继续更新记录组合键。
在新建例程中不要勾选“Generate form”，默认继承 QMainWindow 类即可。项目新建完成如下图。
在头文件“mainwindow.h”具体代码如下。
1 #ifndef MAINWINDOW_H
2 #define MAINWINDOW_H
3
4 #include <QMainWindow>
5 #include <QKeySequenceEdit>
6
7 class MainWindow : public QMainWindow
8 {
9 Q_OBJECT
10
11 public:
12 MainWindow(QWidget *parent = nullptr);
13 ~MainWindow();
14
15 private:
16 /* 声明 QKeySequenceEdit 对象 */
17 QKeySequenceEdit *keySequenceEdit;
18
19 private slots:
20 /* 声明槽 */
21 void KSEKeySequenceChanged(const QKeySequence &);
22
23 };
24 #endif // MAINWINDOW_H
在源文件“mainwindow.cpp”具体代码如下。
1 #include "mainwindow.h"
2 #include <QDebug>
3
4 MainWindow::MainWindow(QWidget *parent)
5 : QMainWindow(parent)
6 {
7 /* 主窗体设置位置与大小 */
8 this->setGeometry(0, 0, 800, 480);
9
10 /* 实例化 */
11 keySequenceEdit = new QKeySequenceEdit(this);
12
13 /* 设置位置与大小 */
14 keySequenceEdit->setGeometry(350, 200, 150, 30);
15
16 /* 信号槽连接 */
17 connect(keySequenceEdit,
18 SIGNAL(keySequenceChanged(const QKeySequence &)),
19 this,
20 SLOT(KSEKeySequenceChanged(const QKeySequence &))
21 );
22
23 }
24
25 MainWindow::~MainWindow()
26 {
27 }
28
29 void MainWindow::KSEKeySequenceChanged(
30 const QKeySequence &keySequence)
31 {
32 /* 判断输入的组合键是否为 Ctrl + Q，如果是则退出程序 */
33 if(keySequence == QKeySequence(tr("Ctrl+Q"))) {
34 /* 结束程序 */
35 this->close();
36 }else {
37 /* 打印出按下的组合键 */
38 qDebug()<<keySequence.toString()<<endl;
39 }
40 }
在源文件“main.cpp”具体代码由新建项目时生成，无改动。
3. 运行效果
程序编译运行的结果如下。（注意 Windows 下显示效果可能不同，下图为 linux 下运行的结果），当焦点在 KeySequenceEdit 里时，按下键盘里的任一键或者组合键，一秒后，KeySequenceEdit 将记录了这个/这组组合键，并打印在输出信息里。直到程序按下 Ctrl + Q 组
合键后，程序窗口才关闭，结束。
