系列文章目錄
第一章 Qt中C++代碼搭配UI文件實(shí)現(xiàn)交互界面
第二章 Qt中多ui使用及簡(jiǎn)單布局實(shí)現(xiàn)交互界面
文章目錄
前言
一、新增兩個(gè)新UI文件
二、使用這兩個(gè)新增的UI及簡(jiǎn)單布局
三.添加簡(jiǎn)單聯(lián)動(dòng)邏輯
四.編譯運(yùn)行及動(dòng)態(tài)效果展示
總結(jié)
前言
????????前一段時(shí)間，寫了一篇關(guān)于Qt中C++代碼搭配UI文件實(shí)現(xiàn)簡(jiǎn)單的交互界面的文章，當(dāng)時(shí)是計(jì)劃作為一個(gè)系列來(lái)寫的，希望交流一下循序漸進(jìn)的學(xué)習(xí)和使用Qt心得。
????????前幾天評(píng)論中有人催更了，所以這幾天在下班后抽了點(diǎn)時(shí)間把這第二章整理好發(fā)出來(lái)，接下來(lái)請(qǐng)品鑒。
??????? 這篇文章質(zhì)量不符合計(jì)劃預(yù)期，之后有時(shí)間的話會(huì)持續(xù)修改更新，敬請(qǐng)期待。
一、新增兩個(gè)新UI文件
??????? 新增UI文件的方法跟第一章中的4.實(shí)現(xiàn)并添加UI文件一樣，在原來(lái)的demo工程基礎(chǔ)上，新增兩個(gè)簡(jiǎn)單的UI文件。
??????? 1.新增一個(gè)命名為sessionList.ui的UI文件，為了防止重名以及方便區(qū)分，修改中最頂層QWidget的objectName為SessionList，在SessionList中拖放了一個(gè)List Widget，這個(gè)List Widget中新增了一些item。
??????? 2.新增一個(gè)命名為sessionWidget.ui UI文件，同樣，為了防止重名以及方便區(qū)分，修改中最頂層QWidget的objectName為SessionWidget，在SessionWidget中拖放了一個(gè)Stacked Widget，這個(gè)Stacked Widget中新增了一些page，每個(gè)page都是一個(gè)QWidget，其中各自放置了Label用于簡(jiǎn)單標(biāo)識(shí)。
二、使用這兩個(gè)新增的UI及簡(jiǎn)單布局
????????接下來(lái)就是本篇文章的核心環(huán)節(jié)，在原有的Widget中使用兩個(gè)新UI并使用C++代碼將其布局為一個(gè)完整的窗口。
??????? 首先，按照Qt的規(guī)則，兩個(gè)新增的UI文件經(jīng)過(guò)翻譯后，各自會(huì)生成內(nèi)容為SessionList的ui_sessionList.h文件和和內(nèi)容為SessionWidget類的ui_sessionWidget.h文件，那么修改widget.h中代碼為如下圖所示內(nèi)容：
接著，在widget.cpp中包含對(duì)應(yīng)的頭文件，并實(shí)例化Widget類中的私有成員變量：SessionList類對(duì)象ui_sessionList和SessionWidget類對(duì)象ui_sessionWidget。跟之前使用Form類型對(duì)像ui類似，這兩個(gè)ui實(shí)例同樣使用兩個(gè)QWidget作為容器，并將兩個(gè)QWidget放到布局中使用。具體如下圖所示：
三.添加簡(jiǎn)單聯(lián)動(dòng)邏輯
????????為了更直觀的看到聯(lián)動(dòng)效果，以及展示兩個(gè)新ui實(shí)例的使用方法，如下圖所示新增簡(jiǎn)單邏輯代碼：
????????主要新增了一個(gè)槽函數(shù)，其中實(shí)現(xiàn)了切換listWidget中的item時(shí)，同步切換stackedWidget中的page（有效范圍內(nèi)），超出范圍則顯示告警彈窗。
四.編譯運(yùn)行及動(dòng)態(tài)效果展示
總結(jié)
具體的工程文件已經(jīng)打包上傳，資源鏈接為：文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-764004.html
Qt中多UI使用及布局示例文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-764004.html
到了這里，關(guān)于Qt中多ui使用及簡(jiǎn)單布局實(shí)現(xiàn)交互界面的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
![[QT基礎(chǔ)]QT不同ui界面的簡(jiǎn)單切換(C++)](https://imgs.yssmx.com/Uploads/2024/02/772443-1.png)
