一、UI进阶
1. Designer 设计师
Designer是Qt内置的UI设计工具,可以独立启动,也可以在Qt Creator中使用,其文件格式为.ui。
使用Qt Creator创建项目时,勾选创建界面选项,新创建的项目中的Dialog类会自带一个界面文件,双击即可使用内置的Designer程序打开此文件。
Designer程序的各个区域如下所示。
2. 布局 Layout
可以认为布局是一个透明的盒子,内部可以放置不同的组件对象,这些对象在布局中会按照预设的效果自动排布。
布局有四种:
- 垂直布局
- 水平布局
- 格点布局
- 表单布局
当布局贴合窗口时,可能会造成组件间距变小的情况,此时可以使用伸展器组件填充空白区域。
伸展器组件本身是不可见的。
选中布局,可以在右下角配置其属性值。
布局和布局之间可以嵌套,内层布局相当于外层布局的一个组件。虽然布局可以嵌套,但是应该在实际开发中尽量避免嵌套。
3. QWidget属性
只要是QWidget的派生类对象在Designer中存在,选中此对象后,都可以在右下角的属性配置面板中找到黄色的属性。
4. UI指针
ui指针是Qt通过Designer管理组件对象的一种方式,其原理如下所示。
5. 基础组件
5.1 标签 QLabel
用于显示图片或文字。
导入图片到Qt中作为资源的步骤如下:
1. 下载图片并命名为英文小写+下划线+数字的组合,数字不能开头。注意图片不要过大。
2. 把图片放置到工作目录下。
3. 在Qt Creator中选中项目名称,鼠标右键,点击“添加新文件”。
4. 在弹出的窗口中,按照下图所示进行操作。
5. 在弹出的窗口中,按照下图所示进行操作。
6. 在项目管理界面直接点击完成,可以看到项目中会创建一个资源文件,扩展名为qrc
7. 选中qrc资源文件,点击“添加前缀”。
8. 再次选中qrc文件,点击“添加文件”,在弹出的对话框中导入图片文件即可,后续添加图片可以直接从当前步骤开始操作。
9. 可以在qrc文件中看到已经导入的图片。
10. 如果要在Designer中使用此图片,则需要重新构建一次项目;如果要在C++代码中使用此图片,则需要选中在qrc中的图片后,鼠标右键,点击“复制资源路径到剪切板”。
5.2 按钮类
按钮类组件的继承关系如下所示。
这几个按钮类都继承自QAbstractButton类,QAbstractButton是一个抽象类,内部规定了按钮的基本功能框架。
QAbstractButton的常用属性如下所示。
按钮显示的图片通常为图标,可以从下面的网站下载:
同级互斥,同级可以使用布局,也可以使用QGroupBox组件。
QAbstractButton常用信号函数如下所示。
如果一个窗口内部有若干个按钮对象,需要给这些按钮对象都设置信号槽连接,可以分别给每个按钮对象进行信号槽的连接。此时可以使用QButtonGroup类给若干个按钮进行编组后统一进行信号槽连接处理。
QButtonGroup直接继承QObject类,因此不可见,也不属于ui指针管理,需要在代码汇总手动创建和销毁。
- QButtonGroup::QButtonGroup(QObject * parent = 0)
构造函数
- void QButtonGroup::addButton(QAbstractButton * button, int id = -1)
添加按钮到按钮组
参数1:添加的按钮对象
参数2:按钮编号,正数且不重复
- void QButtonGroup::buttonToggled(int id, bool checked) [signal]
按钮组中的按钮对象选中状态改变时发射的信号函数
参数1:状态改变的按钮对象的编号
参数2:当前此按钮的选中状态
需要注意的是,QCheckBox编组后会变为互斥,需要使用下面的函数解除互斥:
void setExclusive(bool)
参数:是否互斥
5.3 单行文本编辑框 QLineEdit
用于录入一行的用户输入内容。
QLineEdit的常用属性如下所示。
QLineEdit的常用信号函数如下所示。
5.4 组合框 QComboBox
类似于QRadioButton,组合框提供了另一种单选的方式。
QComboBox常用属性如下所示。
QComboBox常用信号函数如下所示。
5.5 一组与数字相关的组件
以下组件都与数字有关。
这些组件常用的属性如下所示。
这些组件常用的信号函数如下所示。
- void valueChanged(int value)
当前数值发生变化时发射的信号
二、常用类
1. QString 字符串类
QString是Qt中的字符串类,使用Unicode编码,而不是ASCII码。在C++中字符使用8位的char类型表示一个字符,但是在Qt中使用16位的QChar表示一个字符。因此Qt处理中文没有任何问题,并且一个汉字算作一个字符。
QString类整体使用与std::string类似,但是在API上有所不同。
常用函数如下:
- QString QString::number(int n, int base = 10) [static]
数字→字符串
参数1:要转换的数字
参数2:进制
- QString & QString::setNum(int n, int base = 10)
数字→字符串,支持链式调用
参数1:要转换的数字
参数2:进制
- int QString::toInt(bool * ok = 0, int base = 10) const
字符串→数字
参数1:转换的结果,成功或失败
参数2:进制
返回值:转换的结果,数字;如果失败,返回0。
dialog.app
#include "dialog.h"
#include "ui_dialog.h"
Dialog::Dialog(QWidget *parent) :
QDialog(parent),
ui(new Ui::Dialog)
{
ui->setupUi(this);
QString str = "你好吗αβγāáǎàあいうㅞㅝ";
qDebug() << str.size();
for(int i=0;i<str.size();i++)
{
qDebug() << str.at(i);
}
// 判断字符串是否为空
qDebug() << str.isEmpty();
str.append("fdf");
qDebug() << str;
// 基于16进制转换
int i = 16;
qDebug() << QString::number(i,16);
// 支持链式调用的转换
qDebug() << str.setNum(255,16).prepend("0x");
str = "0";
bool result; // 转换成功或失败的结果
// QString → int
int m = str.toInt(&result,10);
if(result)
qDebug() << "转换成功:" << m;
else
qDebug() << "转换失败:" << m;
}
Dialog::~Dialog()
{
delete ui;
}
由于QString类函数众多,无需死记每个函数,只需要把常用的函数单词记住,随用随查即可。
2. 容器类
Qt重新实现了C++中的容器类,这些容器类比C++中STL的容器类更加轻巧、安全和易于使用,使用Qt的容器类可以减少可执行文件的大小,Qt的容器类是线程安全的,在基本兼容C++的容器类接口的基础上拓展了新的接口。
分别以QList和QMap为例,进行顺序容器和关联容器的讲解。
2.1 QList
自定义一个C++类,作为QList的元素类型。
下面是创建自定义的C++类的步骤:
1. 在Qt Creator中选中项目名称,鼠标右键,点击“添加新文件”。
2. 在弹出的窗口中,按照下图所示进行操作。
3. 在弹出的窗口中,输入类名后点击“下一步”。
4. 在项目管理界面,直接点击“完成”。可以看到项目中多了新创建的类的头文件和源文件。
需要注意的是,QStringList类型基本等同QList<QString>,后面不再赘述。
2.2 QMap
Dialog::Dialog(QWidget *parent) :
QDialog(parent),
ui(new Ui::Dialog)
{
ui->setupUi(this);
QMap<QString,QString> map;
// 增加元素
map["姓名"] = "张三";
map["年龄"] = "22岁";
map.insert("地址","济南市高新区");
// Qt的容器类型,如果元素类型支持输出
// 则可以直接输出容器对象
qDebug() << map;
// 取出元素之前先判断一下此键值对是否存在
if(map.contains("姓名"))
{
// 修改
map["姓名"] = "李四";
qDebug() << map["姓名"];
}
// 删除
// 失败返回0
int result = map.remove("地址");
if(result == 0)
qDebug() << "移除失败";
else
qDebug() << "移除成功";
// 也可以使用下面的方式取出元素,无需判断
// 参数1:键
// 参数2:取出失败的默认值
QString value = map.value("地址","404");
qDebug() << value;
qDebug() << "------STL迭代------";
for(QMap<QString,QString>::const_iterator iter = map.begin();
iter != map.end();iter++)
{
// 分别取出键和值
qDebug() << iter.key() << iter.value();
}
qDebug() << "---------Java迭代---------";
// 读写 QMutableMapIterator<Key, T>
// 只读 QMapIterator<Key, T>
QMapIterator<QString, QString> iter(map);
while(iter.hasNext())
{
iter.next(); // 向后移动
// 分别取出键和值
qDebug() << iter.key() << iter.value();
}
}
3. 跨平台数据类型
Qt是一个跨平台的开发框架,为了确保在各个平台上的数据类型具有同一的长度,Qt为各种常用的基本数据类型定义了类型符号。
除此之外,Qt中还有一个通用数据类型QVariant,可以对常见的Qt数据类型进行相互转换,也可以使用QVariant类型作为中间类型间接转换不同数据类型。
4. 时间和日期处理
Qt拥有若干时间和日期相关类型,本次使用QDateTime类进行讲解。
QDateTime类常用函数如下所示。
- qint64 QDateTime::currentMSecsSinceEpoch() [static]
返回1970年1月1日 0点0分0秒到现在的毫秒数
- QDateTime QDateTime::currentDateTime() [static]
返回一个基于当前时区的时间和日期信息的QDateTime对象
- QString QDateTime::toString(const QString & format) const
返回一个自定义格式的时间日期字符串
参数是自定义的时间和日期格式。
5. QTimer 定时器类
定时器类QTimer主要有两个功能:
- 周期性执行某个动作
- 延迟一段时间后执行某个动作
QTimer类与之前的QButtonGroup一样,需要手动控制堆内存对象的创建和销毁。
QTimer的常用属性如下所示。
- interval : int
如果是一次性的定时器,此属性表示延迟执行的时间;
如果是周期性的定时器,此属性表示间隔执行的时间。
时间单位毫秒。
- singleShot : bool
此属性表示定时器是否是一次性,如果不是一次性就是周期性。
QTImer的常用函数如下所示。
- void QTimer::start() [slot]
开始或重新开始定时器,如果定时器已经在运行,则会停止运行后再次运行。
- void QTimer::stop() [slot]
停止运行
- void QTimer::timeout() [signal]
定时器出发时发射的信号
三、多窗口编程
1. 消息对话框 QMessageBox
QDialog是一个对话框窗口类,Qt为了方便程序员调用各种功能的对话框窗口,预设了很多QDialog的派生类,这些派生类分别应用于不同的场景。
这些派生类往往都通过一个静态成员函数调用,通常不需要使用构造函数创建对象。根据不同窗口的功能,这些静态函数会提供当前窗口的信息作为返回值。
QMessageBox是一个用于展示信息或询问用户一个问题的模态对话框,预设的类型有四种:
Question、Information、Warning、Critical
展示QMessageBox的静态成员函数如下所示。
函数名称可以更换为question、information、warning。
参数1:父对象
参数2:窗口标题
参数3:窗口信息
返回值:用户在弹窗中点击的按钮
2. 常见窗口类的继承关系
QWidget类本身也可以创建对象,其构造函数如下所示。
- QWidget::QWidget(QWidget * parent = 0)
如果parent参数使用默认值,QWidget对象就是一个独立的窗口;
如果parent参数不使用默认值,QWidget对象会成为其父窗口对象内部的组件。
QMainWidow类通常作为主窗口,因为此类可以增加菜单栏、工具栏、状态栏等。
QWidget类内部也有一些所有的窗口类共有的成员,例如:
- windowTitle : QString
窗口标题
- windowFlags : Qt::WindowFlags
窗口标记
- void QWidget::setWindowState(Qt::WindowStates windowState)
设置窗口状态