PyQt5 QDockWidget – 设置样式表

在这篇文章中，我们将看到如何为QDockWidget设置样式表。QDockWidget提供了dock widget的概念，也被称为工具调色板或实用窗口。停靠窗口是放置在QMainWindow（原始窗口）中中央部件周围的停靠部件区域的二级窗口。样式表代表了窗口的样式，即窗口的外观，它包括颜色、间距、填充、边框等特征

为了做到这一点，我们将使用dock widget对象的setStyleSheet方法。

语法： dock.setStyleSheet(style)

参数： 它需要字符串作为参数

返回： 它返回无

下面是样式表的示例代码

QDockWidget
{
background : lightgreen;
}
QDockWidget::title
{
background : lightblue;
}
QDockWidget QPushButton
{
border : 2px solid black;
background : darkgreen;
}

注意： 这里我们使用了QDockWidget::QPushButton，因为我们在Dock中添加了按钮，如果添加了其他的widget，我们可以使用其他的widget名称。
以下是实现
。

# importing libraries
from PyQt5.QtWidgets import *
from PyQt5 import QtCore, QtGui
from PyQt5.QtGui import *
from PyQt5.QtCore import *
import sys
 
 
class Window(QMainWindow):
 
    def __init__(self):
        super().__init__()
 
        # setting title
        self.setWindowTitle("Python ")
 
        # setting geometry
        self.setGeometry(100, 100, 500, 400)
 
        # calling method
        self.UiComponents()
 
        # showing all the widgets
        self.show()
 
    # method for components
    def UiComponents(self):
 
        # creating dock widget
        dock = QDockWidget(self)
 
        # setting title to the dock widget
        dock.setWindowTitle("GfG Title")
 
        # creating a QWidget object
        widget = QWidget(self)
 
        # creating a vertical box layout
        layout = QVBoxLayout(self)
 
        # push button 1
        push1 = QPushButton("A", self)
 
        # push button 2
        push2 = QPushButton("B", self)
 
        # adding these buttons to the layout
        layout.addWidget(push1)
        layout.addWidget(push2)
 
        # setting the layout to the widget
        widget.setLayout(layout)
 
        # adding widget to the layout
        dock.setWidget(widget)
 
        # creating a label
        label = QLabel("GeesforGeeks", self)
 
        # setting geometry to the label
        label.setGeometry(100, 200, 300, 80)
 
        # making label multi line
        label.setWordWrap(True)
 
        # setting geometry to the dock widget
        dock.setGeometry(100, 0, 200, 30)
 
        # setting style sheet to the  dock widget
        dock.setStyleSheet("QDockWidget"
                           "{"
                           "background : lightgreen;"
                           "}"
                           "QDockWidget::title"
                           "{"
                           "background : lightblue;"
                           "}"
                           "QDockWidget QPushButton"
                           "{"
                           "border : 2px solid black;"
                           "background : darkgreen;"
                           "}"
                           )
 
 
 
 
# create pyqt5 app
App = QApplication(sys.argv)
 
# create the instance of our Window
window = Window()
 
# start the app
sys.exit(App.exec())