PySide自定義選項卡

Question

我正在使用QTabWidget與多個選項卡。我想創建一個不同的標籤（具有不同的樣式，然後是其他標籤）。例如，firefox如何使用綠色加號按鈕來添加與其他選項卡不同的新選項卡。

我正在瀏覽文檔，找不到與選項卡的獨特樣式相關的任何內容。我看着QTabWidget和QTabBar，但沒有運氣。

這是我如何創建標籤

self.tabWidget = QtGui.QTabWidget() 
self.tabWidget.addTab(QtGui.QWidget, "Tab_1") 

有什麼我都忽略了？

Answer 1

事實上，Qt有很好的文檔，很好的例子，所有here。 Main page to stylesheets.

所有你需要做的是設置樣式要麼QtDesigner或Python本身，就像這樣：

self.tabWidget.setStyleSheet("background-color: rgb(255, 255, 255);\n" 
            "border:1px solid rgb(255, 170, 255);") 

下面是一個簡單的樣式表（從Qtabwidget第三例）

QTabWidget::pane { /* The tab widget frame */ 
    border-top: 2px solid #C2C7CB; 
    position: absolute; 
    top: -0.5em; 
} 

QTabWidget::tab-bar { 
    alignment: center; 
} 

/* Style the tab using the tab sub-control. Note that 
    it reads QTabBar _not_ QTabWidget */ 
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: 2px solid #C4C4C3; 
    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 */ 
}