文章目錄

• • @[toc]
  • 1 概述
  • 2 Qt Style Sheets (QSS)
  • 3 使用 QStyle 和 QProxyStyle
  • 4 設置 Palette (調色板)
  • 5 使用預定義的 QStyle
  • 6 直接設置控件屬性
  • 7 自定義控件繪制

更多精彩內容
👉內容導航 👈
👉Qt開發經驗 👈

---

1 概述

Qt 提供了多種修改控件樣式的方式，以下是主要的幾種方法：

各方法的特點對比

方法	優點	缺點	適用場景
QSS	簡單易用，類似CSS，可集中管理	性能略低，調試困難	快速界面美化， 大部分UI樣式需求
QStyle	性能好，控制精確	復雜，需了解繪制細節	深度定制外觀
Palette	簡單，性能好	功能有限，主要控制顏色	簡單顏色修改
屬性設置	直觀，易理解	零散，不易維護	單個控件快速調整
自定義繪制(paintEvent)	完全控制	復雜，維護困難	特殊UI需求

推薦使用策略

1. 簡單樣式調整：使用 QSS
2. 整體風格定制：使用 QStyle 或 QProxyStyle
3. 顏色主題切換：使用 Palette
4. 特殊控件外觀：自定義繪制
5. 項目級樣式管理：QSS 文件 + 資源系統

2 Qt Style Sheets (QSS)

Qt樣式表是最常用和靈活的樣式修改方式，語法類似于CSS。

使用方式：

• 全局應用：通過 QApplication::setStyleSheet()

• 窗口級別：通過 QWidget::setStyleSheet()

• 控件級別：直接對特定控件設置樣式

// 直接在代碼中設置
QPushButton *button = new QPushButton("按鈕");
button->setStyleSheet("QPushButton {""background-color: blue;""color: white;""border-radius: 5px;""padding: 10px;""}");// 或者應用到整個應用程序
QApplication::setStyleSheet("QPushButton { background-color: red; }");

3 使用 QStyle 和 QProxyStyle

通過繼承或代理 QStyle 來改變控件的繪制方式：

   // 使用 QProxyStyle 自定義樣式class CustomStyle : public QProxyStyle{public:void drawControl(ControlElement element, const QStyleOption *option,QPainter *painter, const QWidget *widget) const override{if (element == CE_PushButton) {// 自定義按鈕繪制邏輯} else {QProxyStyle::drawControl(element, option, painter, widget);}}};// 應用樣式QApplication::setStyle(new CustomStyle);

4 設置 Palette (調色板)

通過修改控件的調色板來改變顏色：

QPalette palette;
palette.setColor(QPalette::Button, QColor(255, 0, 0));      // 按鈕背景色
palette.setColor(QPalette::ButtonText, QColor(255, 255, 255)); // 按鈕文字顏色QPushButton *button = new QPushButton("按鈕");
button->setPalette(palette);
button->setAutoFillBackground(true);  // 必須啟用自動填充背景

5 使用預定義的 QStyle

Qt 提供了幾種內置樣式：

  // 設置系統默認樣式QApplication::setStyle(QStyleFactory::create("Fusion"));     // 現代風格QApplication::setStyle(QStyleFactory::create("Windows"));    // Windows 風格QApplication::setStyle(QStyleFactory::create("Macintosh"));  // Mac 風格// 或者為特定控件設置樣式widget->setStyle(QStyleFactory::create("Windows"));

6 直接設置控件屬性

通過控件自身的屬性方法設置外觀：

  QPushButton *button = new QPushButton("按鈕");button->setStyleSheet("background-color: red; color: white;");  // 樣式表button->setFont(QFont("Arial", 12, QFont::Bold));              // 字體button->setFixedSize(100, 30);                                 // 大小button->setCursor(Qt::PointingHandCursor);                     // 光標

7 自定義控件繪制

重寫控件的 paintEvent() 方法：

   class CustomWidget : public QWidget{protected:void paintEvent(QPaintEvent *event) override{QPainter painter(this);painter.setBrush(Qt::blue);painter.drawRect(rect());// 自定義繪制邏輯}};