Qt是目前最先進、最完整的跨平臺C++開發工具。它不僅完全實現了一次編寫，所有平臺無差別運行，更提供了幾乎所有開發過程中需要用到的工具。如今，Qt已被運用于超過70個行業、數千家企業，支持數百萬設備及應用。

本教程將介紹如何使用QtCreator創建一個小型的Qt應用程序——文本查找器，它是Qt UI工具文本查找示例的簡化版本，應用程序用戶界面是通過使用Qt Designer從Qt widgets構建的，應用程序邏輯是通過使用代碼編輯器用C++編寫的。

在上文中，主要為大家介紹了如何創建一個文本查找器項目（點擊這里回顧>>），本文繼續介紹如何開始設計用戶界面。

填補缺失的部分

從設計用戶界面開始，然后繼續填補缺失的代碼。最后，添加查找功能。

設計用戶界面

1. 在Editor模式下，在Projects視圖中雙擊textfinder.ui文件來啟動集成的Qt Designer。

2. 將以下小部件拖放到表單中：

• Label ()
• Line Edit ()
• Push Button ()

注意：要方便地找到小部件，請使用邊欄頂部的搜索框。例如，要找到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)應用水平布局()。

7. 將Text Edit小部件 () 拖放到表單中。

8. 選擇屏幕區域，然后選擇Lay out Vertically (或按Ctrl+L)應用垂直布局()。

應用水平和垂直布局可以確保應用程序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      歡迎一起進群討論