1. 程式人生 > >[Qt Creator 快速入門] 第8章 介面外觀

[Qt Creator 快速入門] 第8章 介面外觀

  一個完善的應用程式不僅應該有實用的功能,還要有一個漂亮的外觀,這樣才能使應用程式更加友好,更加吸引使用者。作為一個跨平臺的UI開發框架,Qt提供了強大而靈活的介面外觀設計機制。這一章將學習在Qt中設計應用程式外觀的相關知識,會對Qt 風格QStyle和調色盤QPalette進行簡單介紹,然後再對Qt樣式表(Qt Style Sheets)進行重點講解,最後還會涉及了不規則窗體和透明窗體的實現方法。

8.1 Qt風格

  Qt中的各種風格是一組繼承自QStyle的類。QStyle類是一個抽象基類,封裝了 一個GUI的外觀,Qt的內建(built-in)部件使用它來執行幾乎所有的繪製工作,以確保它們看起來可以像各個平臺上的本地部件一樣。一些風格已經內建在了Qt中,例如Winders風格和Motif風格;而有些風格只在特定的平臺上才有效,例如Windows XP風格、Windows Vista風格和Mac OS X風格。Qt提供的風格類如表8 - 1所列。

表8 - 1 Qt提供的風格類

類名 介紹
QCDEStyle CDE(Common Desktop Environment)風格
QCleanlooksStyle 類似於GNOME中的Clearlook風格
QGtkStyle GTK +風格
QMotifStyle Motif風格
QMacStyle Mac OS X風格
QPlastiqueStylc 類似於KDE中的Plastik風格
QWindowsStyle 微軟Windows風格
QWindowsVistaStyle 微軟Windows Vista風格
QWinclowsXPStyle 微軟Windows XP風格

 
  在使用Qt Creator設計模式設計介面時,可以使用Qt提供的各種風格進行預覽, 當然也可以使用特定的風格來執行程式。下面來看具體的例子。

8.1.1 使用不同風格預覽程式

(專案原始碼路徑:src\08\8-1\myStyle)新建Qt Gui應用,專案名稱為myStyle,類名為MainWindow,基類保持QMainWindow不變。建立完專案後,單擊mainwindow. ui檔案進入設計模式,向介面上拖人一個Label、Push Button、 Spin Box、Line Edit 和 Progress Bar。 然後選擇“工具—介面編輯器—預覽 於”選單項,這裡列出了現在可用的幾種風格,這裡選擇“CDE風格”,預覽效果如圖8-1所示。也可以使用其他幾種風格進行預覽。