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

設(shè)計用戶界面

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

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

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

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

3. 雙擊Label小部件并輸入文本關(guān)鍵字。

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

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

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

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

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

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

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

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

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

Qt商用組件推薦

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

Qt技術(shù)交流群：166830288      歡迎一起進群討論