Qt小部件基礎(chǔ)教程:如何使用Qt Designer設(shè)計(jì)用戶界面

---

Qt是目前最先進(jìn)、最完整的跨平臺(tái)C++開(kāi)發(fā)工具。它不僅完全實(shí)現(xiàn)了一次編寫(xiě)，所有平臺(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)用。

點(diǎn)擊下載QT最新試用版

該向?qū)蒟ML格式的用戶界面定義：notepad.ui。當(dāng)您在Qt Creator中打開(kāi)notepad.ui文件時(shí)，它會(huì)在集成的Qt Designer中自動(dòng)打開(kāi)。

生成應(yīng)用程序時(shí)，Qt Creator將啟動(dòng)Qt用戶界面編譯器（uic），該程序讀取.ui文件并創(chuàng)建相應(yīng)的C ++頭文件ui_notepad.h。

使用Qt Designer

該向?qū)?chuàng)建一個(gè)使用QMainWindow的應(yīng)用程序。它具有自己的布局，可以在其中添加菜單欄，?？啃〔考?，工具欄和狀態(tài)欄。中心區(qū)域可以被任何類型的小部件占據(jù)。向?qū)ⅰ坝浭卤尽毙〔考旁诖颂帯?

要在Qt Designer中添加小部件：

1. 在Qt Creator Editor模式下，雙擊“Projects”視圖中的notepad.ui文件，以在集成的Qt Designer中啟動(dòng)該文件。
2. 將小部件Text Edit（QTextEdit）拖放到窗體。
3. 按Ctrl + A（或Cmd + A）選擇小部件，然后單擊“Lay out Vertically（或按Ctrl + L）以應(yīng)用垂直布局（QVBoxLayout）。
4. 按Ctrl + S（或Cmd + S）保存更改。

用戶界面現(xiàn)在在Qt Designer中如下所示：

您可以在代碼編輯器中查看生成的XML文件：

<？xml版本=“ 1.0”編碼=“ UTF-8”？>
<ui版本=“ 4.0”>
 <class>記事本</ class>
 <widget class =“ QMainWindow” name =“ Notepad”>
  <property name =“ geometry”>
   <rect>
    <x> 0 </ x>
    <y> 0 </ y>
    <width> 800 </ width>
    <height> 400 </ height>
   </ rect>
  </ property>
  <property name =“ windowTitle”>
   <string>記事本</ string>
  </ property>
  <widget class =“ QWidget” name =“ centralWidget”>
   <layout class =“ QVBoxLayout” name =“ verticalLayout”>
    <項(xiàng)目>
     <widget class =“ QTextEdit” name =“ textEdit” />
    </ item>
   </ layout>
  </ widget>
  <widget class =“ QMenuBar” name =“ menuBar”>
    ...

以下行包含XML聲明，該聲明指定文檔中使用的XML版本和字符編碼：

< ？xml版本= “ 1.0”編碼= “ UTF-8” ？>

文件的其余部分指定一個(gè)ui定義記事本小部件的元素：

< ui版本= “ 4.0” >

這種情況是UI文件與Notepad類的頭文件和源文件一起使用。我們將在后面的部分中查看UI文件的其余部分。

如果你對(duì)我們的產(chǎn)品感興趣或者有任何疑問(wèn)，歡迎咨詢慧都在線客服>>