PyQt5 QDockWidget – 设置样式表

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())

输出 :

PyQt5 QDockWidget - 设置样式表

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程