Qt是目前最先进、最完整的跨平台C++开发工具。它不仅完全实现了一次编写，所有平台无差别运行，更提供了几乎所有开发过程中需要用到的工具。如今，Qt已被运用于超过70个行业、数千家企业，支持数百万设备及应用。

本教程将介绍如何使用QtCreator创建一个小型的Qt应用程序——文本查找器，它是Qt UI工具文本查找示例的简化版本，应用程序用户界面是通过使用Qt Designer从Qt widgets构建的，应用程序逻辑是通过使用代码编辑器用C++编写的。

在上文中，主要为大家介绍了如何创建一个文本查找器项目（点击这里回顾>>），本文继续介绍如何开始设计用户界面。

填补缺失的部分

从设计用户界面开始，然后继续填补缺失的代码。最后，添加查找功能。

设计用户界面

1. 在Editor模式下，在Projects视图中双击textfinder.ui文件来启动集成的Qt Designer。

2. 将以下小部件拖放到表单中：

• Label (QLabel)
• Line Edit (QLineEdit)
• Push Button (QPushButton)

注意：要方便地找到小部件，请使用边栏顶部的搜索框。例如，要找到Label小部件，首先输入单词Label。

3. 双击Label小部件然后输入文本Keyword。

4. 双击Push Button小部件然后输入文本Find。

5. 在Properties视图中，将objectName更改为findButton。

6. 按Ctrl+A(或Cmd+A)选择小部件，并选择Lay out Horizontally (在Linux或Windows中按Ctrl+H、在macOS按Ctrl+Shift+H)应用水平布局(QHBoxLayout)。

7. 将Text Edit小部件 (QTextEdit) 拖放到表单中。

8. 选择屏幕区域，然后选择Lay out Vertically (或按Ctrl+L)应用垂直布局(QVBoxLayout)。

应用水平和垂直布局可以确保应用程序UI伸缩到不同的屏幕大小。

9. 要在用户选择Find按钮时调用find函数，需要使用Qt信号和插槽机制。当特定事件发生时，会发出信号，插槽是响应特定信号而调用的函数。Qt小部件有预定义的信号和插槽，可以直接从Qt Designer中使用，为find函数添加一个槽位。

• 右键单击Find按钮打开上下文菜单。
• 选择Go to Slot > clicked()，然后选择OK。

这将向头文件TextFinder .h添加一个私有插槽on_findButton_clicked()，并向源文件TextFinder .cpp添加一个私有函数TextFinder::on_findButton_clicked()。

10. 按Ctrl+S(或Cmd+S)保存更改。

Qt Widget组件推荐

• QtitanRibbon - Ribbon UI组件：是一款遵循Microsoft Ribbon UI Paradigm for Qt技术的Ribbon UI组件，QtitanRibbon致力于为Windows、Linux和Mac OS X提供功能完整的Ribbon组件。
• QtitanChart - Qt类图表组件：是一个C ++库，代表一组控件，这些控件使您可以快速地为应用程序提供漂亮而丰富的图表。
• QtitanDataGrid - Qt网格组件：提供了一套完整的标准 QTableView 函数和传统组件无法实现的独特功能。使您能够将不同来源的各类数据加载到一个快速、灵活且功能强大的可编辑网格中，支持排序、分组、报告、创建带状列、拖放按钮和许多其他方便的功能。
• QtitanDocking：允许您像 Visual Studio 一样为您的伟大应用程序配备可停靠面板和可停靠工具栏。黑色、白色、蓝色调色板完全支持 Visual Studio 2019 主题！

Qt技术交流群：166830288      欢迎一起进群讨论

更多Qt产品教程、下载、正版授权资讯，请点击获取