運行截圖如下：

首先我們從網上隨便搞一個別人寫好的QSS（這個東西其實自己寫更有意思）

本人自己寫的還沒完善，為了做這個筆記，先用網上的，

QSS代碼如下：

/* === Shared === */ QStackedWidget, QLabel, QPushButton, QRadioButton, QCheckBox, QGroupBox, QStatusBar, QToolButton, QComboBox, QDialog {background-color: #222222;color: #BBBBBB;font-family: "Segoe UI"; }/* === QWidget === */ QWidget:window {background: #222222;color: #BBBBBB;font-family: "Segoe UI"; }/* === QToolTip === */ QToolTip {background-color: #000000;border: 2px solid #333333;color: yellow; }/* === QPushButton === */ QPushButton {border: 1px solid #333333;padding: 4px;min-width: 65px;min-height: 12px; }QPushButton:hover {background-color: #333333;border-color: #444444; }QPushButton:pressed {background-color: #111111;border-color: #333333;color: yellow; }QPushButton:disabled {color: #333333; }/* === Checkable items === */ QCheckBox::indicator, QRadioButton::indicator, QTreeView::indicator {width: 16px;height: 16px;background-color: #111111;border: 1px solid #333333; }QRadioButton::indicator {border-radius: 8px; }QCheckBox::indicator::checked, QRadioButton::indicator::checked, QTreeView::indicator::checked {background-color: qradialgradient(cx:0.5, cy:0.5, fx:0.25, fy:0.15, radius:0.3, stop:0 #BBBBBB, stop:1 #111111); }QCheckBox::indicator:disabled, QRadioButton::indicator:disabled, QTreeView::indicator:disabled {background-color: #444444; }QCheckBox::indicator::checked:disabled, QRadioButton::indicator::checked:disabled, QTreeView::indicator::checked:disabled {background-color: qradialgradient(cx:0.5, cy:0.5, fx:0.25, fy:0.15, radius:0.3, stop:0 #BBBBBB, stop:1 #444444); }/* === QComboBox === */ QComboBox {background-color: black;border: 1px solid #333333;color: white;padding:1px 2em 1px 3px; }QComboBox::drop-down {subcontrol-origin: padding;subcontrol-position: top right;border-left: 1px solid #333333; }QComboBox::down-arrow {border: 2px solid #333333;width: 6px;height: 6px;background: #5f5f5f; }/* === QGroupBox === */ QGroupBox {border: 2px solid #333333;margin-top: 2ex; }QGroupBox::title {color: yellow;subcontrol-origin: margin;subcontrol-position: top left;margin-left: 5px; }/* === QTabWidget === */ QTabWidget::pane {background: #222222;border: 2px solid #333333; }/* === QTabBar === */ QTabBar::tab {background: transparent;border: 1px solid #333333;border-bottom: none;color: #BBBBBB;padding-left: 5px;padding-right: 10px;padding-top: 3px;padding-bottom: 3px; }QTabBar::tab:hover {background-color: #333333;border: 1px solid #444444;border-bottom: none; }QTabBar::tab:selected {background-color: #111111;border: 1px solid #333333;border-top: 1px solid yellow;border-bottom: none;color: yellow }/* === QToolBar === */ QToolBar {background-color: #222222;border: none;padding: 1px; }QToolBar:handle {background: #222222;border-left: 1px dotted yellow;color: #BBBBBB; }QToolBar::separator {width: 6px;background-color: #222222; }/* === QToolButton === */ QToolButton {border: 1px solid #333333;margin: 1px; }QToolButton:hover {background-color: #333333;border: 1px solid #444444; }QToolButton[popupMode="1"] { /* only for MenuButtonPopup */padding-right: 20px; /* make way for the popup button */ }QToolButton::menu-button {border-left: 1px solid #333333;background: transparent;width: 16px; }QToolButton::menu-button:hover {border-left: 1px solid #444444;background: transparent;width: 16px; }QToolButton:checked, QToolButton:pressed {background-color: #111111;color: yellow; }/* === QMenu === */ QMenu {background-color: black;border: 1px solid gray;color: white;padding: 1px; }QMenu::item {padding: 2px 25px 2px 20px;border: 1px solid transparent; }QMenu::item:disabled {color: #666666; }QMenu::item:selected {border-color: gray;background: #222222; }QMenu::icon:checked {}QMenu::separator {height: 1px;background: #222222;margin-left: 10px;margin-right: 10px;margin-top: 1px;margin-bottom: 1px; }QMenu::indicator {width: 13px;height: 13px; }/* === QMenuBar === */ QMenuBar {background-color: black;color: white; }QMenuBar::item {background: transparent; }QMenuBar::item:disabled {color: gray; }QMenuBar::item:selected {background: #222222; }QMenuBar::item:pressed {background: #444444; }/* === QScrollBar:vertical === */ QScrollBar:vertical {background: #111111;width: 16px;margin: 16px 0 16px 0; }QScrollBar::handle:vertical {background: #555555;min-height: 16px; }QScrollBar::add-line:vertical {background: #444444;height: 16px;subcontrol-position: bottom;subcontrol-origin: margin; }QScrollBar::sub-line:vertical {background: #444444;height: 16px;subcontrol-position: top;subcontrol-origin: margin; }QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {background: none; }QScrollBar:up-arrow:vertical, QScrollBar:down-arrow:vertical {border: 2px solid #333333;width: 6px;height: 6px;background: #5f5f5f; }/* === QScrollBar:horizontal === */ QScrollBar:horizontal {background: #111111;height: 16px;margin: 0 16px 0 16px; }QScrollBar::handle:horizontal {background: #555555;min-width: 16px; }QScrollBar::add-line:horizontal {background: #444444;width: 16px;subcontrol-position: right;subcontrol-origin: margin; }QScrollBar::sub-line:horizontal {background: #444444;width: 16px;subcontrol-position: left;subcontrol-origin: margin; }QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {background: none; }QScrollBar:left-arrow:horizontal, QScrollBar:right-arrow:horizontal {border: 2px solid #333333;width: 6px;height: 6px;background: #5f5f5f; }/* =================== */ QLineEdit, QListView, QTreeView, QTableView, QAbstractSpinBox {background-color: black;color: #BBBBBB;border: 1px solid #333333; }QAbstractScrollArea, QLineEdit, QTextEdit, QAbstractSpinBox, QComboBox {border-color: #333333;border: 1px solid #333333;}/* === QHeaderView === */ QHeaderView::section {background: #222222;border: 0;color: #BBBBBB;padding: 3px 0 3px 4px; }/* === QListView === */ QListView::item:hover {background: #333333; }QListView::item:selected {background: #111111;color: yellow; }/* === QTableView === */ QTableView::item:hover {background: #333333; }QTableView::item:hover {background: #111111;color: yellow; }/* === QTreeView === */ QTreeView::item {background: black; }QTreeView::item:hover {background: #333333; }QTreeView::item:selected {background: #111111;color: yellow; }QTreeView::branch {}QTreeView::branch:has-siblings:adjoins-item {}QTreeView::branch:has-siblings:!adjoins-item {}QTreeView::branch:closed:has-children:has-siblings {}QTreeView::branch:has-children:!has-siblings:closed {}QTreeView::branch:!has-children:!has-siblings:adjoins-item {}QTreeView::branch:open:has-children:has-siblings {}QTreeView::branch:open:has-children:!has-siblings {}/* === Customizations === */ QFrame#infoLabel {border: 1px inset #333333; } 2. .QWidget {background-color: beige; }QToolBar {background-color: beige; }QDialog, QFileDialog {background-color: beige; }QTabWidget::pane { /* The tab widget frame */border-top: 2px solid #C2C7CB; }QTabWidget::tab-bar {left: 5px; /* move to the right by 5px */ }QTabBar, QTabWidget {background-color: beige; } QTabBar::tab {background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,stop: 0 #E1E1E1, stop: 0.4 #DDDDDD,stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3);border: 1px solid darkkhaki;border-bottom-color: #C2C7CB; /* same as the pane color */border-top-left-radius: 4px;border-top-right-radius: 4px;min-width: 8ex;padding: 2px;} QTabBar::tab:selected, QTabBar::tab:hover {background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,stop: 0 #fafafa, stop: 0.4 #f4f4f4,stop: 0.5 #e7e7e7, stop: 1.0 #fafafa); }QTabBar::tab:selected {border-color: #9B9B9B;border-bottom-color: #C2C7CB; /* same as pane color */ }QTabBar::tab:!selected {margin-top: 2px; /* make non-selected tabs look smaller */ }/* Nice Windows-XP-style password character. */ QLineEdit[echoMode="2"] {lineedit-password-character: 9679; }QHeaderView::section {background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1,stop:0 #616161, stop: 0.5 #505050,stop: 0.6 #434343, stop:1 #656565);color: white;padding-left: 4px;border: 1px solid #6c6c6c;}QHeaderView::section:checked{background-color: red;}/* We provide a min-width and min-height for push buttonsso that they look elegant regardless of the width of the text. */ QPushButton {background-color: palegoldenrod;border-width: 2px;border-color: darkkhaki;border-style: solid;border-radius: 5;padding: 3px;min-width: 9ex;min-height: 2.5ex; }QPushButton:hover {background-color: khaki; }/* Increase the padding, so the text is shifted when the button ispressed. */ QPushButton:pressed {padding-left: 5px;padding-top: 5px;background-color: #d0d67c; }QLabel, QAbstractButton {font: bold; }/* Mark mandatory fields with a brownish color. */ .mandatory {color: brown; }/* Bold text on status bar looks awful. */ QStatusBar QLabel {font: normal; }QStatusBar::item {border-width: 1;border-color: darkkhaki;border-style: solid;border-radius: 2; }QStackedWidget, QComboBox, QLineEdit, QSpinBox, QTextEdit, QListView, QWebView, QTreeView, QHeaderView {background-color: cornsilk;selection-color: #0a214c; selection-background-color: #C19A6B; }QListView {show-decoration-selected: 1; }QListView::item:hover {background-color: wheat; }/* We reserve 1 pixel space in padding. When we get the focus,we kill the padding and enlarge the border. This makes the itemsglow. */ QLineEdit, QFrame {border-width: 1px;padding: 1px;border-style: solid;border-color: darkkhaki;border-radius: 5px; }/* As mentioned above, eliminate the padding and increase the border. */ QLineEdit:focus, QFrame:focus {border-width: 3px;padding: 0px; }/* A QLabel is a QFrame */ QLabel {border: none;padding: 0;background: none; }/* A QToolTip is a QLabel */ QToolTip {border: 2px solid darkkhaki;padding: 5px;border-radius: 3px;opacity: 200; }/* Nice to have the background color change when hovered. */ QRadioButton:hover, QCheckBox:hover {background-color: wheat; }/* Force the dialog's buttons to follow the Windows guidelines. */ QDialogButtonBox {button-layout: 0; }3. /*Style by evilworks, 2012-2013. pollux@lavabit.comThis file is Public Domain. *//* === Shared === */ QStackedWidget, QLabel, QPushButton, QRadioButton, QCheckBox, QGroupBox, QStatusBar, QToolButton, QComboBox, QDialog, QTabBar {font-family: "Segoe UI";background-color: #888;color: #000; }/* === QWidget === */ QWidget:window {font-family: 'Segoe UI';background-color: #888; }/* === QPushButton === */ QPushButton {border: 1px solid #555;padding: 4px;min-width: 65px;min-height: 12px; }QPushButton:hover {background-color: #999; }QPushButton:pressed {background-color: #333;border-color: #555;color: #AAA; }QPushButton:disabled {color: #333333; }/* === QComboBox === */ QComboBox {background-color: #AAA;border: 1px solid #555;color: black; }QComboBox::drop-down {subcontrol-origin: padding;subcontrol-position: top right;border-left: 1px solid #333333; }/* === QGroupBox === */ QGroupBox {border: 1px solid #555;margin-top: 2ex; }QGroupBox::title {color: black;subcontrol-origin: margin;subcontrol-position: top left; border: 1px solid #555; }/* === QTabBar === */ QTabBar::tab {border-bottom: none;color: #000;padding: 4px;background-color: #888;border: 1px solid #555; }QTabBar::tab:hover {background-color: #AAA; }QTabBar::tab:selected {background-color: #000;color: white; }/* === QTabWidget === */ QTabWidget::pane {background: #888;border: 1px solid #555; }/* === QToolBar === */ QToolBar {background: #949494;border: none;padding-left: 0px;padding-right: 0px;margin: 2px; }QToolBar::separator {width: 1px;margin-left: 3px;margin-right: 3px;background-color: #555; }/* === QToolButton === */ QToolButton {border: 1px solid #666;margin: 1px; }QToolButton:hover {background-color: #AAA; }QToolButton[popupMode="1"] { /* only for MenuButtonPopup */padding-right: 20px; /* make way for the popup button */ }QToolButton::menu-button {border-left: 1px solid #666;background: transparent;width: 16px; }QToolButton::menu-button:hover {border-left: 1px solid #666;background: transparent;width: 16px; }QToolButton:checked, QToolButton:pressed {background-color: #000;border: 1px solid #555;color: white; }/* === QScrollBar:vertical === */ QScrollBar:vertical {width: 16px;margin: 16px 0 16px 0;background: #333; }QScrollBar::handle:vertical {background: #888;min-height: 16px;border-top: 1px solid #666;border-bottom: 1px solid #666; }QScrollBar::add-line:vertical {background: #888;height: 16px;subcontrol-position: bottom;subcontrol-origin: margin; }QScrollBar::sub-line:vertical {background: #888;height: 16px;subcontrol-position: top;subcontrol-origin: margin; }QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {background: none; }/* === QScrollBar:horizontal === */ QScrollBar:horizontal {height: 16px;margin: 0 16px 0 16px;background: #333; }QScrollBar::handle:horizontal {background: #888;min-width: 16px;border-left: 1px solid #666;border-right: 1px solid #666; }QScrollBar::add-line:horizontal {background: #888;width: 16px;subcontrol-position: right;subcontrol-origin: margin; }QScrollBar::sub-line:horizontal {background: #888;width: 16px;subcontrol-position: left;subcontrol-origin: margin; }QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {background: none; }/* === QMenu === */ QMenu {background-color: black;border: 1px solid gray;color: white;padding: 1px; }QMenu::item {padding: 2px 25px 2px 20px;border: 1px solid transparent; }QMenu::item:disabled {color: #666666; }QMenu::item:selected {border-color: gray;background: #222222; }QMenu::icon:checked {}QMenu::separator {height: 1px;background: #222222;margin-left: 10px;margin-right: 10px;margin-top: 1px;margin-bottom: 1px; }QMenu::indicator {width: 13px;height: 13px; }/* === QMenuBar === */ QMenuBar {background-color: black;color: white; }QMenuBar::item {background: transparent; }QMenuBar::item:disabled {color: gray; }QMenuBar::item:selected {background: #222222; }QMenuBar::item:pressed {background: #444444; } /* =================== */ QLineEdit, QListView, QTreeView, QTableView, QAbstractSpinBox {background-color: #AAA;color: #000;border: 1px solid #555; }QAbstractScrollArea, QLineEdit, QTextEdit, QAbstractSpinBox, QComboBox {border: 1px solid #555; }/* === QHeaderView === */ QHeaderView::section {height: 20px; }QHeaderView::section {background: #666;border: 0;color: #000;padding-left: 4px; }/* === QListView === */ QListView::item:hover {background: #AAA; }QListView::item:selected {background: #333;color: #AAA; }/* === QTableView === */ QTableView::item:hover {background: #333333; }QTableView::item:hover {background: #111111;color: yellow; }/* === QTreeView === */ QTreeView::item {background: #AAA; }QTreeView::item:hover {background: #CCC; }QTreeView::item:selected {background: #333;color: #AAA; }

Qt代碼如下：

widget.h

#ifndef WIDGET_H #define WIDGET_H#include <QWidget>namespace Ui { class Widget; }class Widget : public QWidget {Q_OBJECTpublic:explicit Widget(QWidget *parent = 0);~Widget();public slots:void btnClicked();private:Ui::Widget *ui;int m_change; };#endif // WIDGET_H

widget.cpp

#include "widget.h" #include "ui_widget.h" #include <QFile>Widget::Widget(QWidget *parent) :QWidget(parent),m_change(0),ui(new Ui::Widget) {ui->setupUi(this);this->setWindowTitle("CSDN IT1995");connect(ui->pushButton,SIGNAL(clicked(bool)),this,SLOT(btnClicked())); }void Widget::btnClicked(){QFile *file;switch (m_change%2) {case 0:file=new QFile("my1.qss",this);break;case 1:file=new QFile("my2.qss",this);break;default:return;break;}file->open(QFile::ReadOnly);QString styleSheet=QString(file->readAll());qApp->setStyleSheet(styleSheet);file->close();m_change++; }Widget::~Widget() {delete ui; }

main.cpp

#include "widget.h" #include <QApplication>int main(int argc, char *argv[]) {QApplication a(argc, argv);Widget w;w.show();return a.exec(); }

總結

以上是生活随笔為你收集整理的Qt学习笔记-Qt程序切换皮肤的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。