《Qt5开发及实例(第2版)-第1章Qt概述》由会员分享，可在线阅读，更多相关《Qt5开发及实例(第2版)-第1章Qt概述（35页珍藏版）》请在金锄头文库上搜索。
1、第1章 Qt概述1.11.21.3什么是QtQt 5的安装Qt 5开发步骤及实例1.1 什么是QtQt是一个跨平台的C+图形用户界面应用程序框架。它为应用程序开发者提供建立艺术级图形用户界面所需的所有功能。它是完全面向对象的，很容易扩展，并且允许真正的组件编程。Qt支持的平台有：WindowsXP、Vista、Win7、Win8、Win2008；UNIX/X11Linux、Sun Solaris、HP-UX、Compaq Tru64 UNIX、IBM AIX、SGI IRIX、FreeBSD、BSD/OS和其它很多X11平台；MacintoshMac OS X；Embedded有帧缓冲（fra
2、mebuffer）支持的嵌入式Linux平台、Windows CE；1.2 Qt 5的安装1.2.1 下载Qt 5 下载地址：http:/www.qt.io/download-open-source/，下载页面如图1.1所示 。1.2.2 运行Qt 5 Creator点击运行Qt Creator，出现欢迎界面，如图1.2所示。1.2.3 Qt 5开发环境Qt Designer的界面如图1.3所示。1.2.3 Qt 5开发环境进入Qt设计器主界面后，看到的中间部分（如图1.4所示）就是将要设计的顶 层窗口部件（顶层窗口部件是其他子窗口部件的载体）。1.2.3 Qt 5开发环境选中或取消“控件”“
3、视图”“锁定”，可以使编辑工具固定或悬浮于设计器中 。 对象查看器（Object Inspector）：列出了界面中所有窗口部件，以及各窗口部件 的父子关系和包容关系。 属性编辑器（Property Editor）：列出了窗口部件可编辑的属性。 Action编辑器（Action Editor）：列出了为窗口部件设计的QAction动作，通过“添 加”或“删除”按钮可以新建一个可命名的QAction动作或删除指定的QAction动作。 信号和槽编辑器（Signal/Slot Editor）：列出了在Qt设计器中关联的信号和槽，通 过双击列中的对象或信号/槽，可以进行对象的选择和信号/槽的选择。
4、控件编辑模式（Edit Widgets）：可以在Qt设计器中添加GUI窗口部件并修改它们 的属性和外观。 信号/槽编辑模式（Edit Signal/Slots）：可以在Qt设计器中的窗口部件上关联Qt已 经定义好的信号和槽。 伙伴编辑模式（Edit Buddy）：可以在Qt设计器中的窗口部件上建立QLabel标签和 其他窗口部件的伙伴关系。 Tab编辑模式（Edit Tab Order）：可以在Qt设计器中的窗口部件上设置Tab键在窗 口部件上的焦点顺序。1.3 Qt 5开发步骤及实例下面以完成计算圆面积功能这一简单例子来介绍一下Qt开发程序的流程，其 中涉及Qt应用程序用户界面中的事件关联操
5、作内容信号和槽机制（ Signal /(d)Dialog w; /创建一个对话框对象w.show(); /(e) return a.exec(); /(f) 1.3.1 设计器Qt 5 Designer实现方式1：在LineEdit文本框内输入半径值，然后单击“计算”按钮，则在 areaLabel_2中显示对应的圆面积。编写代码步骤如下。 （1）在“计算”按钮上单击鼠标右键，在弹出的下拉菜单中选择“转到槽.”命 令，如图1.22所示。在弹出的对话框中选择“clicked()”信号，如图1.23所示。1.3.1 设计器Qt 5 Designer实现（2）进入dialog.cpp文件中按钮单击事件
6、的槽函数on_countBtn_clicked()。信 号与槽连接的具体说明参照本书后面提供的知识点链接部分。在此函数中添加如 下代码： void Dialog: on_countBtn_clicked() bool ok;QString tempStr;QString valueStr=ui-radiusLineEdit-text();int valueInt=valueStr.toInt(double area=valueInt*valueInt*PI;/计算圆面积ui-areaLabel_2-setText(tempStr.setNum(area); （3）在此文件开始处添加以下语句：
7、const static double PI=3.1416; 定义全局变量PI。1.3.1 设计器Qt 5 Designer实现方式2：在LineEdit内输入半径值，不需要单击按钮触发单击事件，直接就在 areaLabel_2中显示圆面积。编写代码步骤如下。 （1）在“LineEdit”编辑框上单击鼠标右键，在弹出的下拉菜单中选择“转到槽 .”菜单项，在弹出的对话框中选择“textChanged(QString)”信号，如图1.24所示。1.3.1 设计器Qt 5 Designer实现（2）单击“确定”按钮，进入dialog.cpp文件中的文本编辑框，改变值内容事件 的槽函数on_radiu
8、sLineEdit_textChanged(const QString QString tempStr;QString valueStr=ui-radiusLineEdit-text();int valueInt=valueStr.toInt(double area=valueInt*valueInt*PI;/计算圆面积ui-areaLabel_2-setText(tempStr.setNum(area); 1.3.2 代码实现简单实例下面采用编写代码的方法来实现计算圆面积的功能，见代码CH102。具体步骤如下。（1）首先创建一个新工程。创建过程和本书1.3.1节中的第（1）（6）步相同，只是
9、在第（3）步中，项目命名为Dialog且保存路径为D:QtCH1CH102，在第（5）步中，取消“创建界面”复选框的选中状态。1.3.2 代码实现简单实例（2）在上述工程的dialog.h中添加如下加黑代码： class Dialog : public QDialog Q_OBJECT public: Dialog(QWidget *parent = 0); Dialog(); private: QLabel *label1,*label2; QLineEdit *lineEdit; QPushButton *button; ; 此时要在文件最开始加入头文件： #include #includ
10、e #include 1.3.2 代码实现简单实例（3）在dialog.cpp 中添加如下代码： Dialog:Dialog(QWidget *parent): QDialog(parent) label1=new QLabel(this);label1-setText(tr(“请输入圆的半径：“);lineEdit=new QLineEdit(this);label2=new QLabel(this);button=new QPushButton(this);button-setText(tr(“显示对应圆的面积“);QGridLayout *mainLayout=new QGridLayo
11、ut(this);mainLayout-addWidget(label1,0,0);mainLayout-addWidget(lineEdit,0,1);mainLayout-addWidget(label2,1,0);mainLayout-addWidget(button,1,1); 其中，QGridLayout *mainLayout=new QGridLayout(this)用于布局管理器 ，将所有控件的位置固定。1.3.2 代码实现简单实例（4）在此文件一开始添加头文件：#include 运行结果如图1.25所示。1.3.2 代码实现简单实例方式1: 在LineEdit文本框内输入所需
12、圆的半径值，单击“显示对应圆的面积”按钮后，在label2中显示相对应的圆的面积值。（1）打开dialog.h文件，在类构造函数和控件成员声明后，添加如下加黑代码： class Dialog : public QDialog . .QPushButton *button; private slots:void showArea(); ;1.3.2 代码实现简单实例（2）打开dialog.cpp 文件，在构造函数中添加如下加黑代码： Dialog:Dialog(QWidget *parent): QDialog(parent) . .mainLayout-addWidget(button,1,1
13、);connect(button,SIGNAL(clicked(),this,SLOT(showArea(); （3）在showArea()中实现显示圆面积功能，代码如下： void Dialog:showArea() bool ok;QString tempStr;QString valueStr=lineEdit-text();int valueInt=valueStr.toInt(double area=valueInt*valueInt*PI;label2-setText(tempStr.setNum(area); 1.3.2 代码实现简单实例（4）在此文件开始处添加全局变量：cons
14、t static double PI=3.1416;（5）在LineEdit中输入圆半径值，单击“显示对应圆的面积”按钮后，在label2中显示圆面积值，如图1.26所示。1.3.2 代码实现简单实例方式2：在LineEdit文本框中输入所需圆的半径值后，不必单击“显示对应圆的面积”按钮，直接在label2中显示圆的面积值。操作步骤和方式1相同，只是在上述第（2）步骤中，添加的代码修改为如下加黑代码：Dialog:Dialog(QWidget *parent): QDialog(parent) . .mainLayout-addWidget(button,1,1);connect(lineEdit,SIGNAL(textChanged(QString),this,SLOT(showArea();
