下载文档原格式
第7章基于QT的嵌入式GUI程序设计第7章基于QT的嵌入式GUI程序设计基础随着信息技术的迅速发展和芯片制造工艺的不断进步，人类已经进入一个全新的数字时代，数字化产品空前繁荣，嵌入式系统被应用于空前广泛的领域：从军事电子设备、现代武器到工业过程控制，从网络通信、办公自动化到消费电子领域，到处都有嵌入式系统的身影。
嵌入式产品将与人们的生活结合的越来越紧密，嵌入式Linux由于它的开源性、内核的健壮性和稳定性、可裁减性、有着专业的商业公司和世界顶尖的自由软件开发者的支持和维护等各方面优势，吸引了嵌入式开发商的目光，成为了嵌入式操作系统的新宠。
在嵌入式Linux 上开发系统软件和应用程序一直缺乏强大的开发环境。
普通Linux 有自己标准的GUI 系统X-Windows，但是由于X-Windows过于庞大和臃肿，极耗系统资源，而且其中不少功能对于嵌入式系统来说是多余的，不适于资源有限的嵌入式系统使用。
嵌入式系统与传统计算机系统相比更专门化，其软硬件设计直接从具体应用出发，嵌入式Linux 是应用于嵌入式设备开发上的一种操作系统。
通常嵌入式设备中的GUI 系统占据资源较多，因此对GUI 的筛选显得很重要。
嵌入式Linux 需要高性能、轻量级的GUI 系统，于是Qt/Embedded 的出现，很大程度上解决了在使用嵌入式Linux作为操作系统的移动设备上开发应用软件的难题。
7.1 嵌入式GUI简介早期嵌入式系统功能简单，对图形用户界面需求并不是太大。
例如，在相对简单的、以单片机为核心的简单工控系统中，人机交互通常以LED和按键相结合的方式，随后才有了简单的屏幕。
这些只是简单的输入、输出系统，不能被称为“GUI系统”。
另外，图形系统对硬件要求太高，在当时的嵌入式上实现几乎没有可能。
随着嵌入式系统的发展和普及，嵌入式系统越来越复杂，其功能越来越强大，GUI在嵌入式系统中的作用也就显得越来越突出。
当智能手机、PDA等系统出现后，嵌入式系统已经不是仅仅给个别专业操作人员所使用的，而需要适用于很广泛的群众。
qt ui开发流程Qt 是一种流行的跨平台应用程序开发框架，它提供了丰富的工具和库，用于快速开发用户界面（UI）应用程序。
本文将介绍使用Qt 开发 UI 的流程，并提供一些实用的建议和技巧。
1.需求分析在开始开发之前，首先需要明确应用程序的需求和目标。
这包括确定应用程序的功能、界面设计和用户交互需求。
可以与产品经理、设计师和其他相关人员进行讨论，以确保对需求有一个清晰的理解。
2.界面设计在开始编码之前，需要设计应用程序的界面。
这可以通过使用Qt 提供的设计器工具（如Qt Designer）来完成。
设计器工具允许您以图形方式创建和布局 UI 元素，如按钮、文本框和标签等。
3.编码一旦界面设计完成，就可以开始编写代码了。
Qt 提供了一套强大的C++ 库，可以用于创建和管理UI 元素、处理用户输入、执行计算和与后端逻辑进行交互等。
您可以使用 Qt Creator IDE 来编写代码，并利用其提供的自动完成功能和调试工具来提高开发效率。
4.布局管理在编写代码时，需要考虑如何布局 UI 元素以实现良好的用户体验。
Qt 提供了多种布局管理器（如水平布局、垂直布局和网格布局），可帮助您自动调整和排列 UI 元素，以适应不同尺寸和分辨率的屏幕。
5.事件处理用户界面应用程序通常需要响应用户的输入和交互。
在Qt 中，您可以使用信号和槽机制来处理事件。
信号是由 UI 元素发出的事件，而槽是事件的接收者。
您可以将信号与槽连接起来，以实现特定的功能和行为。
6.样式和主题Qt 允许您自定义应用程序的样式和主题，以使其与您的品牌和设计语言保持一致。
您可以使用 Qt 提供的样式表功能来更改 UI 元素的外观（如颜色、字体和边框等），并使用主题来定义整个应用程序的外观和风格。
7.本地化和国际化如果您的应用程序需要支持多种语言和地区，那么本地化和国际化是必不可少的。
Qt 提供了一套强大的本地化工具，可以轻松地将应用程序翻译成多种语言，并处理日期、货币和其他与地区相关的格式。
使用qt工具及开发gui的一般流程
一般的使用Qt工具开发GUI的流程可以分为以下几个步骤：
1. 设计UI界面：使用Qt的可视化开发工具Qt Designer，通
过拖拽控件、设置属性等方式设计界面布局。
2. 编写UI逻辑：使用Qt提供的信号与槽机制，连接界面上的控件和逻辑代码。
在代码中处理用户交互、界面更新和事件响应等。
3. 编写业务逻辑：根据需求，在界面逻辑的基础上编写具体的业务逻辑，包括数据处理、算法实现等。
4. 构建与编译：使用Qt的开发环境Qt Creator进行工程管理、配置构建选项、编译项目。
5. 调试与测试：通过Qt提供的调试工具进行代码调试和测试，检查程序的运行情况和逻辑是否正确。
6. 打包与发布：根据不同的平台，使用Qt提供的打包工具将
程序打包成可执行文件或安装包，发布给用户使用。
在整个开发过程中，还可以使用Qt提供的其他工具和库来辅
助开发，如Qt Assistant提供的文档阅读和查找功能、Qt Designer提供的可视化UI设计、Qt Linguist提供的多语言支
持等。
嵌入式qt开发项目教程嵌入式Qt开发项目教程的内容大致可以分为以下几部分：第一部分：项目概述和环境搭建在这一部分，你需要介绍一下嵌入式Qt开发项目的基本概念和应用场景，例如智能家居系统、工业自动化设备等。
然后，你需要指导读者如何搭建Qt开发环境，包括安装Qt Creator、配置交叉编译工具链等。
第二部分：创建项目和界面设计在这一部分，你需要教读者如何使用Qt Creator创建一个新的嵌入式Qt开发项目。
然后，你需要详细介绍Qt Designer工具的使用方法，让读者学会通过拖拽和组件布局的方式设计出所需的界面。
第三部分：编写业务逻辑和功能实现在这一部分，你需要指导读者如何使用C++语言编写业务逻辑和功能实现代码。
包括如何响应用户界面的交互动作、如何与外部硬件设备进行通信等。
第四部分：调试和优化在这一部分，你需要介绍一些常见的嵌入式Qt开发项目调试和优化技巧。
例如如何使用Qt Creator的调试工具进行程序调试、如何进行内存分析和性能优化等。
第五部分：打包和部署在这一部分，你需要指导读者如何将嵌入式Qt开发项目打包成可执行文件，并部署到嵌入式设备上运行。
包括如何选择合适的编译选项进行编译、如何将依赖的库文件一起打包、如何配置和启动嵌入式设备等。
最后，你可以总结一下整个教程的内容，给读者一些额外的提示和建议，例如如何继续学习和掌握嵌入式Qt开发的进阶内容。
同时，提供一些有用的参考资料和学习资源，以帮助读者更好地深入学习和应用嵌入式Qt开发技术。
综上所述，一篇关于嵌入式Qt开发项目教程的文章可以包含以上内容，通过简单明了的指导和实例让读者了解和掌握嵌入式Qt开发的基本原理和技巧。
qt designer使用手册Qt Designer是Qt的官方集成开发环境（IDE）中的一个强大工具，用于创建图形用户界面（GUI）。
以下是关于Qt Designer的使用手册，大约800字。
一、Qt Designer概述Qt Designer是一个可视化的GUI设计工具，它允许开发者通过拖放界面元素来创建用户界面。
它提供了丰富的控件库，包括按钮、文本框、滑块、菜单等，以及各种布局管理器，如垂直布局、水平布局、网格布局等。
二、安装和启动Qt Designer首先，您需要安装Qt开发环境。
您可以从Qt官方网站下载并安装适合您操作系统的版本。
安装完成后，在Qt安装目录下找到Qt Creator应用程序并启动。
在Qt Creator中，您可以看到一个可用的“Qt Designer”工具栏。
三、创建新的UI文件要创建一个新的UI文件，请单击“文件”菜单，然后选择“新建文件或项目”。
在弹出的对话框中，选择“Qt Widget 应用程序”模板，然后单击“选择”。
在“项目设置”对话框中，输入项目名称和保存路径，然后单击“下一步”。
在“选择语言”对话框中，选择C++作为编程语言，然后单击“下一步”。
在“选择Qt版本”对话框中，选择您要使用的Qt版本，然后单击“下一步”。
在“配置详细信息”对话框中，选择您要使用的编译器和其他选项，然后单击“完成”。
这将创建一个新的UI文件。
四、设计GUI界面在Qt Designer中设计GUI界面非常简单。
您可以从工具栏中拖放控件到窗口编辑器中。
您可以调整控件的位置、大小和属性，如文本、颜色、字体等。
您还可以使用各种布局管理器来排列控件。
在工具栏中，您可以看到各种布局管理器，如垂直布局、水平布局、网格布局等。
五、保存和加载UI文件当您完成GUI设计后，可以保存UI文件。
在Qt Designer 中，单击“文件”菜单，然后选择“保存”。
在弹出的对话框中，选择保存路径和文件名，然后单击“保存”。
QtDesigner的使⽤1. Qt Designer 快速⼊门Qt Designer 是交互式可视化GUI设计⼯具，可以帮助我们快速开发 PyQt 程序的速度。
它⽣成的 UI 界⾯是⼀个后缀为 .ui 的⽂件，可以通过 pyiuc 转换为 .py ⽂件。
1.1 新建主窗⼝在模板选项中，最常⽤的是 Widget (通⽤窗⼝) 和 Main Window (主窗⼝)。
1.2 窗⼝主要区域介绍Widget Box 其中提供了很多控件，可以直接拖放到主窗⼝中。
在菜单栏选择 “Form” -> "Preview", 或者按“Ctrl + R”即可预览。
Object Inspactor ⾥边是对象列表，可以看出对象的层次关系。
Property Editor 可以编辑对象的属性Signal / slot Editor 编辑信号，管理图⽚1.3 将 ui ⽂件转为 py ⽂件利⽤加载好的 PyUIC ⼯具转变为 py转换成功的 myMainWindow.py 代码如下所⽰# -*- coding: utf-8 -*-# Form implementation generated from reading ui file 'myMainWindow.ui'## Created by: PyQt5 UI code generator 5.6## WARNING! All changes made in this file will be lost!from PyQt5 import QtCore, QtGui, QtWidgetsclass Ui_myMainWindow(object):def setupUi(self, myMainWindow):myMainWindow.setObjectName("myMainWindow")myMainWindow.resize(800, 600)self.centralwidget = QtWidgets.QWidget(myMainWindow)self.centralwidget.setObjectName("centralwidget")self.pushButton = QtWidgets.QPushButton(self.centralwidget)self.pushButton.setGeometry(QtCore.QRect(140, 270, 75, 23))self.pushButton.setObjectName("pushButton")myMainWindow.setCentralWidget(self.centralwidget)self.menubar = QtWidgets.QMenuBar(myMainWindow)self.menubar.setGeometry(QtCore.QRect(0, 0, 800, 23))self.menubar.setObjectName("menubar")myMainWindow.setMenuBar(self.menubar)self.statusbar = QtWidgets.QStatusBar(myMainWindow)self.statusbar.setObjectName("statusbar")myMainWindow.setStatusBar(self.statusbar)self.retranslateUi(myMainWindow)QtCore.QMetaObject.connectSlotsByName(myMainWindow)def retranslateUi(self, myMainWindow):_translate = QtCore.QCoreApplication.translatemyMainWindow.setWindowTitle(_translate("myMainWindow", "MainWindow"))self.pushButton.setText(_translate("myMainWindow", "Confirm"))1.4 界⾯与逻辑分离通过转换 ui ⽂件为 py ⽂件，得到的只是界⾯的 ui 的类, 并不包括启动界⾯的函数，我们称之为界⾯⽂件。
PyQt图解QtDesigner工具的使用方法Qt Designer是Qt的一个可视化开发工具，被广泛用于快速构建GUI
应用程序的用户界面。
它提供了简单易用的拖放方式来设计和布置GUI组件，并通过生成对应的代码文件来实现和设置组件的属性和功能。
下面是
一个简要的PyQt图解Qt Designer工具的使用方法。
首先，打开Qt Designer工具。
这可以通过在命令行中输入
`designer`来运行。
也可以在Qt Creator中选择Qt Designer。
在设计界面时，我们还可以调整和布局组件的位置、大小和外观。
通
过选择组件并拖动边框或角落的手柄，我们可以调整组件的大小。
通过选
择组件并拖动，我们可以调整组件的位置。
在Qt Designer中，还可以添加信号和槽，从而实现组件的交互功能。
通过选择一个组件，然后右键单击并选择“附加动作”菜单，我们可以为
组件添加动作，并将其连接到其他组件的槽函数。
除了设计界面，Qt Designer还支持生成对应的Python代码文件。
通过选择“文件”菜单中的“保存”选项，我们可以将设计界面保存
为.ui文件。
然后，可以使用PyQt提供的uic工具将.ui文件转换为相应
的Python代码文件。
以上是一个简要的PyQt图解Qt Designer工具的使用方法。
通过Qt Designer，我们可以快速、方便地设计和构建GUI应用程序的用户界面，
大大提高开发效率。
pyqt designer使用PyQt Designer是PyQt5中的一个可视化设计工具，它可以帮助我们快速地创建GUI界面。
在这篇文章中，我们将介绍如何使用PyQt Designer来设计GUI界面。
一、安装PyQt5和PyQt Designer首先，我们需要安装PyQt5和PyQt Designer。
可以通过以下命令来安装：```pip install PyQt5``````sudo apt-get install qttools5-dev-tools```二、启动PyQt Designer在终端中输入以下命令来启动PyQt Designer：```designer```三、创建新的GUI界面1. 打开设计窗口当我们启动了PyQt Designer后，会看到一个空白的窗口。
这个窗口就是设计窗口。
2. 添加控件在左边的工具栏中，有很多控件可以选择。
我们可以通过拖拽的方式将控件添加到设计窗口中。
3. 设置控件属性每个控件都有一些属性，例如大小、位置、字体等等。
我们可以通过属性编辑器来设置这些属性。
4. 保存GUI界面当我们完成了GUI界面的设计后，可以通过菜单栏中的“文件”->“保存”来保存GUI界面。
四、将GUI界面转换为Python代码1. 在终端中输入以下命令：```pyuic5 -x [UI文件名].ui -o [Python文件名].py```其中，[UI文件名]是我们刚才保存的GUI界面文件名，[Python文件名]是我们要生成的Python代码文件名。
2. 在Python代码中使用GUI界面在我们生成的Python代码中，有一个类，这个类继承自QtWidgets.QMainWindow。
我们可以在这个类中添加逻辑代码。
3. 运行程序当我们完成了Python代码的编写后，可以通过以下命令来运行程序：```python [Python文件名].py```五、总结PyQt Designer是一个非常实用的工具，它可以帮助我们快速地创建GUI界面。
[PyQt⼊门教程]QtDesigner⼯具的使⽤Qt Designer是PyQt程序UI界⾯的实现⼯具，使⽤Qt Designer可以拖拽、点击完成GUI界⾯设计，并且设计完成的.ui程序可以转换成.py⽂件供python程序调⽤。
本⽂主要通过⽤户登录需求描述Qt Designer⼯具开发界⾯的使⽤⽅法。
本⽂主要内容1、Qt Designer程序主界⾯窗⼝介绍。
2、Qt Designer程序实现界⾯开发的案例。
包括使⽤Qt Designer实现程序Gui开发、使⽤pyuic5将.ui转换.py程序、信号与槽的配置以及实现、使⽤pyinstaller转换成可执⾏程序的完成过程。
环境&⼯具版本Win10+pyhton3.7.4 + PyQt 5.11.2Qt Designer⼯具主界⾯打开路径：${python安装⽬录}/Lib/site-packages/pyqt5_tools/designer.exe。
主界⾯如下：主界⾯不同区域介绍：⼯具箱区域：提供GUI界⾯开发使⽤的各种基本控件，如单选框、⽂本框等。
可以拖动到新创建的主程序界⾯。
主界⾯区域：⽤户放置各种从⼯具箱拖过来的各种控件。
模板选项中最常⽤的就是Widget（通⽤窗⼝）和MainWindow（主窗⼝）。
⼆者区别主要是Widget窗⼝不包含菜单栏、⼯具栏等。
可以分别创建对⽐看看。
对象查看器区域：查看主窗⼝放置的对象列表。
属性编辑器区域：提供对窗⼝、控件、布局的属性编辑功能。
⽐如修改控件的显⽰⽂本、对象名、⼤⼩等。
信号/槽编辑器区域：编辑控件的信号和槽函数，也可以添加⾃定义的信号和槽函数。
Qt Designer基本控件介绍Widget Box控件⼯具箱是按照控件作⽤类别进⾏划分的。
这⾥作为实现⼊门级界⾯实现，主要介绍最常使⽤的控件及控件对象相关函数。
函数⽅法知道怎么获取控件输⼊内容以及如何将后台操作结果输出到界⾯控件显⽰的主要函数就可以了。
嵌入式Linux用Qt Designer快速开发RAD（快速应用程序开发）是一种高效的软件开发形式，可以让用户在极短的时间里创建一个图形化的用户界面。
通常情况下，在一张空白的表单上，开发人员可以通过拖拉或点击的方式，在窗口的适当位置上添加一些输入框和按钮等窗口组件。
这时，RAD工具会自动编写和维护代码。
而用户所要做的只是确定当点击按钮或选择选单选项时将要发生什么事件。
在Linux下，一个非常流行的RAD工具就是Qt Designer。
它是嵌入式公司Trolltech 的Qt软件包的一个组成部分。
如果用户使用的是KDE桌面，那么Qt已经自动安装上了，Qt Designer也很有可能已经被安装好。
如果用户的系统没有安装，那么针对不同的版本，可以很方便地找到KDE Development Tools，并安装之。
以Red Hat 9.0为例，用户可以从主选单→系统设置→添加/删除应用程序中选择KDE 软件开发，即可完成Qt Designer的安装（如图1所示）。
图1 安装Qt Designer创建为了快速地向大家展示一下Qt Designer功能，先创建一个简单的摄氏温度和华氏温度的转换程序。
本文里将设计一个简单的GUI，并且添加一些简单的代码来实现温度的转换。
因为是为了展示一下快速的开发过程，而不是一个严谨的软件项目的开发，所以这里不会进行任何的错误检查，也不进行输入检验（也就是检查用户的输入是否为合法的温度形式）、缓冲溢出检查等在日常软件开发中一定要做的步骤。
如果用户使用的是KDE，那么选单上应该已经有Qt Designer的图标。
不同的发行版，图标的位置会有所不同。
如果用户的发行版没有Qt Designer图标，那么可以在命令行模式下输入“designer”命令来启动该开发工具。
在Red Hat 9.0中，可以通过点击主选单→编程→更多编程工具→Qt Designer来启动（如图2）。
图2 启动Qt DesignerQt Designer首先呈现给用户的是一个New/Open对话框（如图3所示）。
用QT Designer快速开发嵌入式系统gui用QT Designer快速开发嵌入式系统gui类别：嵌入式系统用QT Designer快速开发嵌入式系统guiRAD（快速应用程序开发）是一种高效的软件开发形式，可以让用户在极短的时间里创建一个图形化的用户界面。
通常情况下，在一张空白的表单上，开发人员可以通过拖拉或点击的方式，在窗口的适当位置上添加一些输入框和按钮等窗口组件。
这时，RAD工具会自动编写和维护代码。
而用户所要做的只是确定当点击按钮或选择选单选项时将要发生什么事件。
在Linux下，一个非常流行的RAD工具就是Qt Designer。
它是嵌入式公司Trolltech的Qt软件包的一个组成部分。
如果用户使用的是KDE桌面，那么Qt已经自动安装上了，Qt Designer也很有可能已经被安装好。
如果用户的系统没有安装，那么针对不同的版本，可以很方便地找到KDE Development Tools，并安装之。
以Red Hat 9.0为例，用户可以从主选单→系统设置→添加/删除应用程序中选择KDE软件开发，即可完成Qt Designer的安装（如图1所示）。
图1 安装Qt Designer创建为了快速地向大家展示一下Qt Designer功能，先创建一个简单的摄氏温度和华氏温度的转换程序。
本文里将设计一个简单的GUI，并且添加一些简单的代码来实现温度的转换。
因为是为了展示一下快速的开发过程，而不是一个严谨的软件项目的开发，所以这里不会进行任何的错误检查，也不进行输入检验（也就是检查用户的输入是否为合法的温度形式）、缓冲溢出检查等在日常软件开发中一定要做的步骤。
如果用户使用的是KDE，那么选单上应该已经有Qt Designer的图标。
不同的发行版，图标的位置会有所不同。
如果用户的发行版没有Qt Designer图标，那么可以在命令行模式下输入“designer”命令来启动该开发工具。
在Red Hat 9.0中，可以通过点击主选单→编程→更多编程工具→Qt Designer来启动（如图2）。
图2 启动Qt DesignerQt Designer首先呈现给用户的是一个New/Open对话框（如图3所示）。
因为这里要创建一个C++程序，所以在此选择C++ Project，点击“OK”继续。
图3 New/Open对话框选择一个想要保存文件的位置，并且给出一个文件名，在此使用的文件名是cfconv。
注意这里文件名的扩展名一定要是.pro。
点击“Save”后，返回到了Project Settings对话框（见图4）。
图4 保存文件图5 Qt Designer主窗口现在就已经在Qt Designer主窗口上了（见图5），确保Property Editor可见。
如果它是不可见的，用户可以通过Windows→Views→PropertyEditor/Signal Handlers选单选项来使其可见（缺省情况下是可见的）。
图6 创建一个新的表单图7 更改表单的属性通过选择File→New选单，然后选择Dialog来创建一个新的对话框。
这时Qt Designer会创建一个新的空白表单（见图6），用户可以在其上放置输入框和按钮。
打开Property Editor（见图7），把name的值改为“cfconvMainForm”，把caption的值改为“Celsius to Fahrenheit Converter”。
这里表单的name是被应用程序使用的内部名字，在用户编写代码时，有时需要使用的就是这个名字。
Caption指的是要在标题栏上显示的名字。
从左边的工具箱中选择Common Widgets，并且双击“TextLabel”。
在表单的左上角放置一个标签，在这个标签位置下方再放置一个同样的标签。
选中上面的标签，并且将其text值改为“Celsius”，相应地把第二个标签的text值也改为“Fahrenheit”。
在这两个标签的后面加上两个对应的输入框，用于输入需要转换的温度和输出转换后的温度。
从Common Widgets中双击选择LineEdit，然后在两个标签后创建两个LineEdit。
把两个LineEdit框的name值分别改为“celsiusLineEdit”和“fahrenheitLineEdit”，再把fahrenheitLineEdit文本框的readOnly属性改为True。
从Common Widgets上选择PushButton，并且创建两个按钮，分别将其name和text属性改为quitPushButton和Quit、convertPushButton和Convert。
这时表单看起来就如图8所示。
图8 基本完成的GUI现在按“Ctrl+S”或从选单中选择File→Save，接下来要求输入文件名。
缺省情况下，使用的是表单的name值，扩展名使用的是.ui。
用户可以接受这个名字，然后点击“Save”。
如果想看一看效果，用户可以按“Ctrl+T”或从选单中选择Preview→Preview Form来预览应用程序。
但是现在按钮还不能做任何事情，所以下一步要做的事情就是让按钮和某一特定的动作相关联。
当点击“Quit”按钮时，要求应用程序会被关闭；而当点击“Convert”按钮时，要求输入的温度由摄氏温度转换为华氏温度。
在“Quit”按钮上点击右键，选择Connections，然后点击“New”。
从Sender列表中选择quitPushButton，从Signal列表中选择clicked()，从Receiver列表中选择cfconvMainFrom，从Slot列表中选择close()。
用户可以参见图9所示。
图9 为Quit按钮创建关联现在，当用户点击“Quit”按钮时，会向表单发送一个鼠标点击的信号，这将使这个表单关闭（因为这个表单是主表单，所以它关闭时应用程序也就同时关闭了）。
要进行测试，可以选择Preview→Preview Form。
这时点击“Quit”按钮，预览窗口就会被关闭。
下面为“Convert”按钮创建连接。
在“Convert”按钮上点击右键，然后选择Connections。
这时用户会发现这是一个全局连接窗口，而不是某一窗口部件的连接。
点击“New”来创建一个新的连接。
从Sender列表中选择convertPushbButton，从Signal列表中选择clicked()，从Receiver列表中选择cfconvMainFrom。
本想将该按钮与fahrenheitLineEdit窗口部件相关联，但列表中却没有一个可以满足这项要求的栏目。
因此需要创建一个新的栏目来完成这个连接。
图10 创建新的栏图11 完成连接创建点击“Edit Slots”和“New Function”（见图10），把函数名改为convert()，其它的值可以保持不变，点击“OK”来关闭窗口。
要完成这个连接，从Slot列表中选择convert()（见图11）。
现在来完成应用程序的代码部分：创建convert()函数。
在Project Overview窗口点击“cfconvmainform.ui.h”来启动Code Editor。
此时convert()函数实际上已经存在了，只不过是空的罢了。
输入下面的C++代码来完成函数： void cfconvMainForm::convert() {/* Declare some variables */doublecelsius_input, result = 0;/* Retrieve Celsius input */celsius_input = celsiusLineEdit->text().toDouble();/* Convert to Fahrenheit */result = (celsius_input *(9.0/5.0)) + 32.0;/* Enter result and clear Celsius input box */fahrenheitLineEdit->setText(QString::number(result, 'f',1));celsiusLineEdit->clear();}现在就已经基本完成这个应用程序了。
不过在编译和运行此应用程序之前，还要创建一个main.cpp文件。
方法是选择File→New→C++Main-File(main.cpp)，只需接受缺省的配置即可。
main.cpp 会自动在Code Editor中打开。
因为这里无需改变main.cpp中的任何东西，所以直接将Code Editor窗口关闭，并且保存main.cpp。
这时也同时关闭cfconfMainForm.ui.h Code Editor窗口。
编译到此为止，在Qt Designer 中的工作已经完成了。
保存整个项目，下面来编译和运行这个程序。
在编译程序之前，要首先生成它的Makefile文件。
打开一个终端，然后切换至保存有项目的位置，使用以下命令来生成Makefile文件：#qmake -o Makefile cfconv.pro 现在，就可以运行make来编译程序了，根据系统的性能，这个步骤需要花费一点时间。
当编译工作完成后，输入./cfconv来运行程序。
如果一切正常，用户应该已经看到程序了。
