Qt是目前最先進(jìn)、最完整的跨平臺(tái)C++開(kāi)發(fā)工具。它不僅完全實(shí)現(xiàn)了一次編寫，所有平臺(tái)無(wú)差別運(yùn)行，更提供了幾乎所有開(kāi)發(fā)過(guò)程中需要用到的工具。如今，Qt已被運(yùn)用于超過(guò)70個(gè)行業(yè)、數(shù)千家企業(yè)，支持?jǐn)?shù)百萬(wàn)設(shè)備及應(yīng)用。

本教程將介紹如何使用QtCreator創(chuàng)建一個(gè)小型的Qt應(yīng)用程序——文本查找器，它是Qt UI工具文本查找示例的簡(jiǎn)化版本，應(yīng)用程序用戶界面是通過(guò)使用Qt Designer從Qt widgets構(gòu)建的，應(yīng)用程序邏輯是通過(guò)使用代碼編輯器用C++編寫的。

在上文中，主要為大家介紹了如何創(chuàng)建一個(gè)文本查找器項(xiàng)目（點(diǎn)擊這里回顧>>），本文繼續(xù)介紹如何開(kāi)始設(shè)計(jì)用戶界面。

填補(bǔ)缺失的部分

從設(shè)計(jì)用戶界面開(kāi)始，然后繼續(xù)填補(bǔ)缺失的代碼。最后，添加查找功能。

設(shè)計(jì)用戶界面

1. 在Editor模式下，在Projects視圖中雙擊textfinder.ui文件來(lái)啟動(dòng)集成的Qt Designer。

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

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

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

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

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

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

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

• 右鍵單擊Find按鈕打開(kāi)上下文菜單。
• 選擇Go to Slot > clicked()，然后選擇OK。

這將向頭文件TextFinder .h添加一個(gè)私有插槽on_findButton_clicked()，并向源文件TextFinder .cpp添加一個(gè)私有函數(shù)TextFinder::on_findButton_clicked()。

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

Qt Widget組件推薦

• QtitanRibbon - Ribbon UI組件：是一款遵循Microsoft Ribbon UI Paradigm for Qt技術(shù)的Ribbon UI組件，QtitanRibbon致力于為Windows、Linux和Mac OS X提供功能完整的Ribbon組件。
• QtitanChart - Qt類圖表組件：是一個(gè)C ++庫(kù)，代表一組控件，這些控件使您可以快速地為應(yīng)用程序提供漂亮而豐富的圖表。
• QtitanDataGrid - Qt網(wǎng)格組件：提供了一套完整的標(biāo)準(zhǔn) QTableView 函數(shù)和傳統(tǒng)組件無(wú)法實(shí)現(xiàn)的獨(dú)特功能。使您能夠?qū)⒉煌瑏?lái)源的各類數(shù)據(jù)加載到一個(gè)快速、靈活且功能強(qiáng)大的可編輯網(wǎng)格中，支持排序、分組、報(bào)告、創(chuàng)建帶狀列、拖放按鈕和許多其他方便的功能。
• QtitanDocking：允許您像 Visual Studio 一樣為您的偉大應(yīng)用程序配備可停靠面板和可停靠工具欄。黑色、白色、藍(lán)色調(diào)色板完全支持 Visual Studio 2019 主題！

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