文章目錄

• QTreeWidget/QTreeView樣式
• QHeaderView
• 背景屬性
• • alternate-background-color：交替背景色
  • background：背景屬性
  • background-color：控件的背景色
  • background-image：用于控件的背景圖像。如果圖像有透明部分則顯示透明部分。
  • background-repeat：設置是如何重復背景圖像
  • background-position:設置背景圖像的位置
  • background-attachment:設置背景圖像是否固定或者隨著頁面的其余部分滾動
  • background-clip：規定背景的繪制區域
  • background-origin：相對于內容框來定位背景圖像

QTreeWidget/QTreeView樣式

::branch分支項
::item精確控制內容項

QTreeView::item {border: 2px solid green;border-top-color: red;border-bottom-color: black;background-color: blue; }

QTreeView::item {border: 1px solid #d9d9d9;border-top-color: transparent;border-bottom-color: transparent; }QTreeView::item:hover {background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #e7effd, stop: 1 #cbdaf1);border: 1px solid #bfcde4; }QTreeView::item:selected {border: 1px solid #567dbc; }QTreeView::item:selected:active{background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #6ea1f1, stop: 1 #567dbc); }QTreeView::item:selected:!active {background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #6b9be8, stop: 1 #577fbf); }

QTreeView {show-decoration-selected: 1;}QTreeView::item {border: 1px solid #d9d9d9;border-top-color: transparent;border-bottom-color: transparent; }QTreeView::item:hover {background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #e7effd, stop: 1 #cbdaf1);border: 1px solid #bfcde4; }QTreeView::item:selected {border: 1px solid #567dbc; }QTreeView::item:selected:active{background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #6ea1f1, stop: 1 #567dbc); }QTreeView::item:selected:!active {background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #6b9be8, stop: 1 #577fbf); }QTreeView::branch {background: black; }QTreeView::branch:has-siblings:!adjoins-item {background: green; }QTreeView::branch:has-siblings:adjoins-item {background: red; }QTreeView::branch:!has-children:!has-siblings:adjoins-item {background: blue; }QTreeView::branch:closed:has-children:has-siblings {background: yellow; }QTreeView::branch:has-children:!has-siblings:closed {background: gray; }QTreeView::branch:open:has-children:has-siblings {background: #87CEEB; }QTreeView::branch:open:has-children:!has-siblings {background: #008080; }/* 節點與兄弟節點之間的圖標(在上的節點展開后) */ QTreeView::branch:has-siblings:!adjoins-item {border-image: url(vline.png) 0; }/*子項前面（非結束項)*/ QTreeView::branch:has-siblings:adjoins-item {border-image: url(branch-more.png) 0; }/*結束項*/ QTreeView::branch:!has-children:!has-siblings:adjoins-item {border-image: url(branch-end.png) 0; }/* 未打開節點時的圖標 */ QTreeView::branch:has-children:!has-siblings:closed, QTreeView::branch:closed:has-children:has-siblings {border-image: none;image: url(branch-closed.png); }/* 打開節點時的圖標 */ QTreeView::branch:open:has-children:!has-siblings, QTreeView::branch:open:has-children:has-siblings {border-image: none;image: url(branch-open.png); }

QHeaderView

使用::section來控制樣式，:該子控件擁有:middle，:fisrt，:last:only-one，:next-selected，:previous-selected，:selectted和checked狀態。

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; } /* 以下圖標，只有在設置允許sortingEnable排序后，點擊表頭才會出現*/ QHeaderView::down-arrow {width:24px;height:24px;image: url(E:/arrow-down.jpg); } QHeaderView::up-arrow {width:24px;height:24px;image: url(E:/arrow-up.jpg); }

背景屬性

alternate-background-color：交替背景色

用于修飾QAbstractItemView的子類
注意：先啟用交替背景色屬性

ui->tableWidget->setAlternatingRowColors(true); QTableWidget{alternate-background-color: blue;background: yellow;}

background：背景屬性

支持 QAbstractItemView 子類, QAbstractSpinBox 子類, QCheckBox, QComboBox, QDialog, QFrame, QGroupBox, QLabel, QLineEdit, QMenu, QMenuBar, QPushButton, QRadioButton, QSplitter, QTextEdit, QToolTip, and plain QWidgets.

background-color：控件的背景色

background-image：用于控件的背景圖像。如果圖像有透明部分則顯示透明部分。

background-repeat：設置是如何重復背景圖像

QMainWindow { background-image: url(://logo); background-repeat: repeat-x; }

background-position:設置背景圖像的位置

有top、bottom 、 left 、 right 、 center五個值

QLabel { background-image: url(://logo); background-repeat: no-repeat; background-position: center; }

background-attachment:設置背景圖像是否固定或者隨著頁面的其余部分滾動

scroll：默認值，背景圖像會隨著頁面其余部分的滾動而滾動。
fixed：當頁面的其余部分滾動時，背景圖像不會移動。

background-clip：規定背景的繪制區域

有三個值border、padding、content

background-origin：相對于內容框來定位背景圖像

有三個值border、padding、content

總結

以上是生活随笔為你收集整理的QTreeWidget样式qss的全部內容，希望文章能夠幫你解決所遇到的問題。

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