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

設計用戶界面

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

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

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

注意：要輕松找到小部件，請使用邊欄頂部的搜索框。 例如，要查找 Label 小部件，請開始輸入單詞 label。

3. 雙擊Label小部件并輸入文本關鍵字。

4. 雙擊Push Button小部件并輸入文本查找。

5. 在Properties視圖中，將 objectName更改為findButton。

6. 按 Ctrl+A（或 Cmd+A）選擇小部件并選擇Lay out Horizontally （在Linux或在Windows上按Ctrl+H，或在macOS上按 Ctrl+Shift+H ）來應用水平布局()。

7. 將Text Edit widget() 拖動到表單中。

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

應用水平和垂直布局可確保應用程序 UI 縮放到不同的屏幕尺寸。

9. 要在用戶選擇 Find 按鈕時調用 find 函數，您可以使用 Qt信號和槽機制。當特定事件發生時會發出信號，并且插槽是響應特定信號而調用的函數。 Qt 小部件具有預定義的信號和槽，您可以直接從 Qt Designer中使用它們，為 find 函數添加一個槽：

• 右鍵單擊Find按鈕來打開上下文菜單。
• 選擇 Go to Slot > clicked()，然后選擇 OK。
• 私有槽 on_findButton_clicked() 被添加到頭文件 textfinder.h 中，私有函數 TextFinder::on_findButton_clicked() 被添加到源文件 textfinder.cpp 中。

10. 按 Ctrl+S（或 Cmd+S）保存更改。

Qt商用組件推薦

• QtitanRibbon - Ribbon UI組件：是一款遵循Microsoft Ribbon UI Paradigm for Qt技術的Ribbon UI組件，QtitanRibbon致力于為Windows、Linux和Mac OS X提供功能完整的Ribbon組件。
• QtitanChart - Qt類圖表組件：是一個C ++庫，代表一組控件，這些控件使您可以快速地為應用程序提供漂亮而豐富的圖表。
• QtitanDataGrid - Qt網格組件：提供了一套完整的標準 QTableView 函數和傳統組件無法實現的獨特功能。使您能夠將不同來源的各類數據加載到一個快速、靈活且功能強大的可編輯網格中，支持排序、分組、報告、創建帶狀列、拖放按鈕和許多其他方便的功能。
• QtitanNavigation：QtitanNavigationDesignUI 組件是一組 GUI 控件，它實現了菜單、導航框、命令欄等導航界面，并讓您以更少的滾動和點擊次數有效地查看所有實體（工作區、網格或其他項目）。
• QtitanDocking：允許您像 Visual Studio 一樣為您的偉大應用程序配備可停靠面板和可停靠工具欄。黑色、白色、藍色調色板完全支持 Visual Studio 2019 主題！

Qt技術交流群：166830288      歡迎一起進群討論