Qt教学资料 第1章 Qt概述.pptVIP

第1章 Qt概述 1.1 什么是Qt 1.2 Qt 5的安装 1.3 Qt 5开发步骤及实例 1.1 什么是Qt Qt是一个跨平台的C++图形用户界面应用程序框架。它为应用程序开发者提供建立艺术级图形用户界面所需的所有功能。 Qt是诺基亚公司的一个产品。1996年，Qt进入商业领域，已成为全世界范围内数千种成功的应用程序的基础。它也是目前流行的Linux桌面环境KDE 的基础，KDE是Linux发行版的主要一个标准组件。 1.1 什么是Qt Qt支持的平台有： MS/Windows—95、98、NT 4.0、ME、2000、XP和Vista； UNIX/X11—Linux、Sun Solaris、HP-UX、Compaq Tru64 UNIX、IBM AIX、SGI IRIX和其他很多X11平台； Macintosh—Mac OS X； Embedded—有帧缓冲（framebuffer）支持的Linux平台、Windows CE； Symbian/S60—目前已经可以提供技术预览版本。 1.2 Qt 5的安装 1.2.1 下载Qt 5 Creator 下载地址：/downloads，下载页面如图1.1所示。 1.2.2 运行Qt 5 Creator 点击运行Qt Creator，出现欢迎界面，如图1.2所示。 1.2.3 Qt 5开发环境 GUI用户界面设计（Qt Designer）界面如图1.3所示。 1.2.3 Qt 5开发环境 进入Qt设计器主界面后，看到的中间部分（如图1.4所示）就是将要设计的顶层窗口部件（顶层窗口部件是其他子窗口部件的载体）。 1.3 Qt 5开发步骤及实例 本实例要实现的功能是，当用户输入一个圆的半径后，可以显示计算后的圆的面积值。运行效果如图1.5所示。 1.3.1 设计器Qt 5 Designer实现 1．界面设计 步骤如下。 （1）单击运行Qt Creator，进入欢迎界面如图1.2所示。单击“文件”→“新建文件或项目...”命令，创建一个新的工程，如图1.6所示。 1.3.1 设计器Qt 5 Designer实现 （2）单击选择“Qt Gui 应用”，单击“选择”按钮，进入下一步。 这里因为需要建立一个Gui项目，所以选择“Qt Gui 应用”，如图1.7所示。 1.3.1 设计器Qt 5 Designer实现 （3）选择保存项目的路径并定义自己项目的名字。 项目命名没有大小写要求，依据个人习惯命名即可。这里将项目命名为Dialog，保存路径为D:\Qt\CH1\CH101，如图1.8所示。单击“下一步”按钮进入下一步骤。 1.3.1 设计器Qt 5 Designer实现 （4）弹出“选择构建套件”界面，系统默认已指定C++的编译器和调试器，如图1.9所示，直接单击“下一步”按钮进入下一步骤即可。 1.3.1 设计器Qt 5 Designer实现 （5）根据实际需要，选择一个“基类”。这里选择QDialog对话框类作为基类，这时“类名”、“头文件”、“源文件”及“界面文件”都出现默认的文件名。默认选中“创建界面”复选框，表示需要采用自带的界面设计器来设计界面，否则需要利用代码完成界面的设计，如图1.10所示。 1.3.1 设计器Qt 5 Designer实现 （6）单击“完成”按钮完成创建，相应的文件自动加载到文件列表中，如图1.11所示。 1.3.1 设计器Qt 5 Designer实现 单击中间灰色一列工具栏中的过滤符号（ ）后，弹出一个下拉列表，使两个项目都是被勾选后处于选中状态（默认选项“简化树形视图”没选中，“隐藏生成的文件”处于选中状态），如图1.12（a）所示。 若单击其中“简化树形视图”项取消选中状态，此时文件列表中的文件自动分类显示，如图1.12（b）所示。 1.3.1 设计器Qt 5 Designer实现 （7）双击dialog.ui，进入界面设计器Qt Designer编辑状态，开始进行设计器（Qt Designer）编程。 拖曳控件容器栏的滑动条，在最后的Display Widgets容器栏（如图1.13所示）中找到Label标签控件，拖曳三个此控件到中间的编辑框中。 1.3.1 设计器Qt 5 Designer实现 在Input Widgets容器栏（如图1.14所示）中找到LineEdit文本控件，拖曳此控件到中间的编辑框中，用于输入半径值； 1.3.1 设计器Qt 5 Designer实现 在Buttons容器栏（如图1.15所示）中找到PushButton按钮控件，拖曳此控件到中间的编辑框中，用于提交响应单击事件。 1.3.1 设计器Qt 5 Designer实现 调整各控