打开文件所在的文件夹:
Ctrl+ Tab快捷键,可以在多个打开的文档切换
帮助里面的:
书签:Ctrl十 M
第2章 Hello World
1.主设计区;2.部件列表窗口( Widget Box );3.对象查看器(Object Inspector );4.属性编辑器(Property Editor);5.动作(Action)编辑器与信号和槽编辑器。
编译运行程序:Ctrl+R
1.直接运行生成的可执行文件
C:\Qt\Qt5.8.0\5.8\mingw53_32\bin中,将其复制到debug目录里面。完成后helloworld.exe就可以运行了。也可以设置环境变量,以后在本机就可以直接运行生成的可执行文件了。
2.发布
重命名为“我的第一个Qt程序”,然后将release 文件夹中的helloworld. exe复制过来,再去Qt安装目录的bin目录中将libgcc_s_dw2-1.dll、libstde++-6.dll、lib-winpthread-1.dll、Qt5Core.dll、Qt5Gui. dll和Qt5Widgets. dll这6个文件复制过来。
另外,还需要将C:\Qt\Qt5. 6. 1\5. 6\mingw49_ 32\plugins目录中的platforms文件夹复制过来(不要修改该文件夹名称),里面只需要保留qwindows. dll文件即可。这时就可以将压缩包发布出去了。
还有 windeployqt工具,建议一般情况下不要使用
3.设置应用程序图标
把要设置的ico图标放到源码目录,例如myico.ico文件,然后打开项目文件helloworld.pro,在最下面添加一行代码:
RC_ICONS = myico.ico
再次运行程序,可以看到窗口左上角出现了设置的图标
4.纯代码编写程序 与命令行编译
helloworld.pro
QT += core gui #core 和 gui模块
greaterThan(QT_MAJOR_VERSION, 4): QT += widgets #兼容Qt4
TARGET = helloworld #目标文件的名字
TEMPLATE = app #app模板,表明是应用程序
SOURCES += main.cpp\ #源文件
hellodialog.cpp
HEADERS += hellodialog.h #头文件
FORMS += hellodialog.ui #界面文件
RC_ICONS = myico.ico #图标
core 模块包含了Qt的核心功能,其他所有模块都依赖于这个模块;
gui模块提供了窗口系统集成、事件处理、OpenGL和OpenGLES集成、2D图形、基本图像、字体和文本等功能。当使用qmake工具来构建项目时,core模块和gui模块是被默认包含。
代码自动补全功能“Ctrl+空格键”:索引中通过 Completing Code关键字查看
将鼠标指针放到类名或函数上,F1键就可以在编辑器右边快速打开,帮助文档
5.项目模式和项目文件
Shadowbuild选项,就是所谓的“影子构建”
第3章 窗口部件
3.1.1窗口、子 部件以及窗口类型
.pro 文件
QT += widgets
SOURCES += \
main.cpp
main.cpp
#include <QtWidgets>
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
// 新建QWidget类对象,默认parent参数是0,所以它是个窗口
//QWidget *widget = new QWidget(0, Qt::Dialog | Qt::FramelessWindowHint);
QWidget *widget = new QWidget();
// 设置窗口标题
widget->setWindowTitle(QObject::tr("我是widget"));
// 新建QLabel对象,默认parent参数是0,所以它是个窗口
//QLabel *label = new QLabel(0, Qt::SplashScreen | Qt::WindowStaysOnTopHint);
QLabel *label = new QLabel();
label->setWindowTitle(QObject::tr("我是label"));
// 设置要显示的信息
label->setText(QObject::tr("label:我是个窗口"));
// 改变部件大小,以便能显示出完整的内容
label->resize(180, 20);
// label2指定了父窗口为widget,所以不是窗口
QLabel *label2 = new QLabel(widget);
label2->setText(QObject::tr("label2:我不是独立窗口,只是widget的子部件"));
label2->resize(250, 20);
// 在屏幕上显示出来
label->show();
widget->show();
int ret = a.exec();
delete label;
delete widget;
return ret;
}
顶级部件( top-level widget)子部件(child widget)
3..1.2 窗口几何布局
geometry:[dʒiˈɒmətri],几何学; 几何形状; 几何结构; 几何图形;
#include <QApplication>
#include <QWidget>
#include <QDebug>
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
QWidget widget;
widget.resize(400, 300); // 设置窗口大小
widget.move(200, 100); // 设置窗口位置
widget.show();
int x = widget.x();
qDebug("x: %d", x); // 输出x的值
int y = widget.y();
qDebug("y: %d", y);
QRect geometry = widget.geometry();
QRect frame = widget.frameGeometry();
qDebug() << "geometry: " << geometry << "frame: " << frame;
return a.exec();
}
3.2对话框 QDialog
模态的(modal)和非模态的(modeless)
模态对话框就是在没有关闭它之前,不能再与同一个应用程序的其他窗口进行交互,
比如新建项目时弹出的对话框。而对于非模态对话框,既可以与它交互,也可以与同一程序中的其他窗口交互
MyWidget::MyWidget(QWidget *parent) :
QWidget(parent),
ui(new Ui::MyWidget)
{
ui->setupUi(this);
QDialog *dialog = new QDialog(this);
dialog->setModal(true);//去掉之后就是,非模态了
dialog->show();
}
它与用exec()函数时的效果是不一样的,因为现在的MyWidget窗口也显示出来了。这是因为调用完show()函数后会立即将控制权交给调用者,程序可以继续往下执行。而调用exec()函数却不同,只有当对话框被关闭时才会返回。与setModal()函数相似的还有一个setWindowModality()函数,它有一个参数来设置模态对话框要阻塞的窗口类型,可以是Qt::NonModal(不阻塞任何窗口,就是非模态)、Qt::WindowModal(阻塞它的父窗口、所有祖先窗口以及它们的子窗口)或Qt:: ApplicationModal(阻塞整个应用程序的所有窗口)。而setModal()默认设置的是Qt: : ApplicationModal。
3.2.2多窗口切换
自动关联就是将关联函数整合到槽命名中,比如前面的槽可以重命名为on_show_ChildButton_clicked(), 就是由字符on、发射信号的部件对象名和信号名组成。
void MyWidget::on_showChildButton_clicked()
{
QDialog *dialog = new QDialog(this);
dialog->show();
}
2.自定义对话框
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
MyWidget w;
MyDialog dialog; // 新建MyDialog类对象
if(dialog.exec()==QDialog::Accepted){ // 判断dialog执行结果
w.show(); // 如果是按下了“进入主界面”按钮,则显示主界面
return a.exec(); // 程序正常运行
}
else return 0; // 否则,退出程序
}
退出:
进入主界面:
void MyWidget::on_showChildButton_clicked()
{
QDialog *dialog = new QDialog(this);
dialog->show();
}
void MyWidget::on_pushButton_clicked()
{
// 先关闭主界面,其实它是隐藏起来了,并没有真正退出。然后新建MyDialog对象
close();
MyDialog dlg;
// 如果按下了“进入主窗口”按钮,则再次显示主界面
// 否则,因为现在已经没有显示的界面了,所以程序将退出
if(dlg.exec() == QDialog::Accepted) show();
}
需要说明的是那个close()槽,它不一.定使程序退出,只有当只剩下最后一个主界面了(就是没有父窗口的界面),这时调用close()槽,程序才会退出;而其他情况下界面只是隐藏起来了,并没有被销毁。这里还需要包含MyDialog类的头文件井include
“mydialog. h",然后运行程序查看效果。
3.2.3标准对话框
mywidget.h
private slots:
void on_pushButton_clicked();
void on_pushButton_2_clicked();
void on_pushButton_3_clicked();
void on_pushButton_4_clicked();
void on_pushButton_5_clicked();
void on_pushButton_6_clicked();
void on_pushButton_7_clicked();
void on_pushButton_8_clicked();
private:
Ui::MyWidget *ui;
QErrorMessage *errordlg;
QWizardPage *createPage1(); // 新添加
QWizardPage *createPage2(); // 新添加
QWizardPage *createPage3(); // 新添加
mywidget.cpp
#include "mywidget.h"
#include "ui_mywidget.h"
#include <QDebug>
#include <QColorDialog>
#include <QFileDialog>
#include <QFontDialog>
#include <QInputDialog>
#include <QMessageBox>
#include <QProgressDialog>
#include <QErrorMessage>
MyWidget::MyWidget(QWidget *parent) :
QWidget(parent),
ui(new Ui::MyWidget)
{
ui->setupUi(this);
errordlg = new QErrorMessage(this);
}
MyWidget::~MyWidget()
{
delete ui;
}
// 颜色对话框
void MyWidget::on_pushButton_clicked()
{
// QColor color = QColorDialog::getColor(Qt::red, this, tr("颜色对话框"),
// QColorDialog::ShowAlphaChannel);
QColorDialog dialog(Qt::red, this); // 创建对象
dialog.setOption(QColorDialog::ShowAlphaChannel); // 显示alpha选项
dialog.exec(); // 以模态方式运行对话框
QColor color = dialog.currentColor(); // 获取当前颜色
qDebug() << "color: " << color;
}
// 文件对话框
void MyWidget::on_pushButton_2_clicked()
{
// QString fileName = QFileDialog::getOpenFileName(this, tr("文件对话框"),
// "D:", tr("图片文件(*png *jpg);;文本文件(*txt)"));
// qDebug() << "fileName:" << fileName;
QStringList fileNames = QFileDialog::getOpenFileNames(this, tr("文件对话框"),
"D:", tr("图片文件(*png *jpg)"));
qDebug()<< "fileNames:" << fileNames;
}
// 字体对话框
void MyWidget::on_pushButton_3_clicked()
{
// ok用于标记是否按下了“OK”按钮
bool ok;
QFont font = QFontDialog::getFont(&ok, this);
// 如果按下“OK”按钮,那么让“字体对话框”按钮使用新字体
// 如果按下“Cancel”按钮,那么输出信息
if (ok) ui->pushButton_3->setFont(font);
else qDebug() << tr("没有选择字体!");
}
// 输入对话框
void MyWidget::on_pushButton_4_clicked()
{
bool ok;
// 获取字符串
QString string = QInputDialog::getText(this, tr("输入字符串对话框"),
tr("请输入用户名:"), QLineEdit::Normal,tr("admin"), &ok);
if(ok) qDebug() << "string:" << string;
// 获取整数
int value1 = QInputDialog::getInt(this, tr("输入整数对话框"),
tr("请输入-1000到1000之间的数值"), 100, -1000, 1000, 10, &ok);
if(ok) qDebug() << "value1:" << value1;
// 获取浮点数
double value2 = QInputDialog::getDouble(this, tr("输入浮点数对话框"),
tr("请输入-1000到1000之间的数值"), 0.00, -1000, 1000, 2, &ok);
if(ok) qDebug() << "value2:" << value2;
QStringList items;
items << tr("条目1") << tr("条目2");
// 获取条目
QString item = QInputDialog::getItem(this, tr("输入条目对话框"),
tr("请选择或输入一个条目"), items, 0, true, &ok);
if(ok) qDebug() << "item:" << item;
}
// 消息对话框
void MyWidget::on_pushButton_5_clicked()
{
// 问题对话框
int ret1 = QMessageBox::question(this, tr("问题对话框"),
tr("你了解Qt吗?"), QMessageBox::Yes, QMessageBox::No);
if(ret1 == QMessageBox::Yes) qDebug() << tr("问题!");
// 提示对话框
int ret2 = QMessageBox::information(this, tr("提示对话框"),
tr("这是Qt书籍!"), QMessageBox::Ok);
if(ret2 == QMessageBox::Ok) qDebug() << tr("提示!");
// 警告对话框
int ret3 = QMessageBox::warning(this, tr("警告对话框"),
tr("不能提前结束!"), QMessageBox::Abort);
if(ret3 == QMessageBox::Abort) qDebug() << tr("警告!");
// 错误对话框
int ret4 = QMessageBox::critical(this, tr("严重错误对话框"),
tr("发现一个严重错误!现在要关闭所有文件!"), QMessageBox::YesAll);
if(ret4 == QMessageBox::YesAll) qDebug() << tr("错误");
// 关于对话框
QMessageBox::about(this, tr("关于对话框"),
tr("yafeilinux致力于Qt及Qt Creator的普及工作!"));
}
// 进度对话框
void MyWidget::on_pushButton_6_clicked()
{
QProgressDialog dialog(tr("文件复制进度"), tr("取消"), 0, 50000, this);
dialog.setWindowTitle(tr("进度对话框")); // 设置窗口标题
dialog.setWindowModality(Qt::WindowModal); // 将对话框设置为模态
dialog.show();
for(int i=0; i<50000; i++) { // 演示复制进度
dialog.setValue(i); // 设置进度条的当前值
QCoreApplication::processEvents(); // 避免界面冻结
if(dialog.wasCanceled()) break; // 按下取消按钮则中断
}
dialog.setValue(50000); // 这样才能显示100%,因为for循环中少加了一个数
qDebug() << tr("复制结束!");
}
// 错误信息对话框
void MyWidget::on_pushButton_7_clicked()
{
errordlg->setWindowTitle(tr("错误信息对话框"));
errordlg->showMessage(tr("这里是出错信息!"));
}
QWizardPage * MyWidget::createPage1() // 向导页面1
{
QWizardPage *page = new QWizardPage;
page->setTitle(tr("介绍"));
return page;
}
QWizardPage * MyWidget::createPage2() // 向导页面2
{
QWizardPage *page = new QWizardPage;
page->setTitle(tr("用户选择信息"));
return page;
}
QWizardPage * MyWidget::createPage3() // 向导页面3
{
QWizardPage *page = new QWizardPage;
page->setTitle(tr("结束"));
return page;
}
// 向导对话框
void MyWidget::on_pushButton_8_clicked()
{
QWizard wizard(this);
wizard.setWindowTitle(tr("向导对话框"));
wizard.addPage(createPage1()); // 添加向导页面
wizard.addPage(createPage2());
wizard.addPage(createPage3());
wizard.exec();
}
3.3.1 QFrame 类族
MyWidget::MyWidget(QWidget *parent) :
QWidget(parent),
ui(new Ui::MyWidget)
{
ui->setupUi(this);
ui->frame->setFrameShape(QFrame::Box);
ui->frame->setFrameShadow(QFrame::Sunken);
// 以上两个函数可以使用setFrameStyle(QFrame::Box | QFrame::Sunken)代替
ui->frame->setLineWidth(5);
ui->frame->setMidLineWidth(10);
QFont font;
font.setFamily("华文行楷");
font.setPointSize(20);
font.setBold(true);
font.setItalic(true);
ui->label->setFont(font);
QString string = tr("标题太长,需要进行省略!");
QString str = ui->label->fontMetrics().elidedText(string, Qt::ElideRight, 180);
ui->label->setText(str);
ui->label->setPixmap(QPixmap("E:/logo.png"));
QMovie *movie = new QMovie("E:/donghua.gif");
ui->label->setMovie(movie); // 在标签中添加动画
movie->start();
}
第4章 布局管理
4.1布局管理系统
可以完成的任务:
➢定位子部件;
➢感知窗口默认大小;
➢感知窗口最小大小;
.➢窗口大小变化时进行处理;
➢当内容改变时自动更新:字体大小、文本或子部件的其他内容随之改变;隐藏或显示子部件;移除一个子部件。
4.1.1布局管理器
和QStackedLayout(栈布局管理器)
QBoxLayout(基本布局管理器)
QHBoxLayout*layout = new QHBoxLayout;//新建水平布局管理器
layout ->addWidget(ui -> fontComboBox) ;//向布局管理器中添加部件
layout -> addWidget(ui ->textEdit);
layout ->setSpacing(50) ;//设置部件间的间隔
layout -> setContentsMargins(0, 0, 50,100); 1// 设置布局管理器到边界的距离
// 4个参数顺序是左,上,右,下
setLayout( layout);//将这个布局设置为MyWidget类的布局
addWidget()函数向布局管理器的末尾添加部件,还有一个insertWidget()函数可以实现向指定位置添加部件,它比前者更灵活。
QGridLayout(栅格布局管理器)
QGridLayout * layout = new QGr idLayout;
//添加部件,从第0行0列开始,占据1行2列
layout -> addWidget(ui -> fontComboBox, 0,0, 1, 2);
//添加部件,从第0行2列开始,占据1行1列
layout -> addWidget(ui -> pushButton, 0,2, 1, 1);
//添加部件,从第1行0列开始,占据1行3列
layout ->addWidget(ui ->textEdit, 1, 0, 1, 3);
setLayout(layout) ;
QFormLayout(窗体布局管理器)
窗体布局管理器将它的子部件分为两列,左边是一些标签,右边是一些输人部件。找到Form Layout,然后双击或者在它上面右击并在弹出级联菜单中选择“添加窗体布局行”。在弹出的“添加表单布局行”对话框中填入标签文字“姓名(&N)",这样下面便
自动填写了“标签名称”、“字段类型”和“字段名称”等,并且设置了伙伴关系。填写的标签文字中的“(&N)”必须是英语半角的括号,表明它的快捷键是Alt十N。设置伙伴关系表示按下Alt+ N时,光标自动跳转到标签后面对应的行编辑器中。