Question

我正在编写Pyqt5 GUI代码，但是我在组织代码方面遇到了问题，尤其是通过setStyle进行组织，因为样式太长了，我该怎么办？任何建议例子

setStyleSheet("QPushButton{ color: #b1b1b1;"
                            " background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #565656, stop: 0.1 #525252, stop: 0.5 #4e4e4e, stop: 0.9 #4a4a4a, stop: 1 #464646);"
                            " border-width: 1px;"
                            " border-color: #1e1e1e;"
                            " border-style: solid;"
                            " border-radius: 6;"
                             "padding: 3px;"
                             "font-size: 20px;"
                            " padding-left: 5px;"
                             "padding-right: 5px;"
                             "min-width: 40px;"
                             "} QPushButton::hover"
                             "{"
                             "background-color : #444444; color : green"
                             "}"
                            " QPushButton:pressed"
                             "{"
                             "background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: 
                #2d2d2d, stop: 0.1 #2b2b2b, stop: 0.5 #292929, stop: 0.9 #282828, stop: 1 #252525);"
                             "}"
                             ";")

Answer 1

Qt样式表基于CSS 2.1，因此您可以使用以下格式：

style.css

QPushButton {
    color: #b1b1b1;
    background-color: QLinearGradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #565656, stop: 0.1 #525252, stop: 0.5 #4e4e4e, stop: 0.9 #4a4a4a, stop: 1 #464646);
    border-width: 1px;
    border-color: #1e1e1e;
    border-style: solid;
    border-radius: 6;
    padding: 3px;
    font-size: 20px;
    padding-left: 5px;
    padding-right: 5px;
    min-width: 40px;
}

QPushButton::hover {
    background-color: #444444;
    color: green
}

QPushButton:pressed {
    background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: #2d2d2d, stop: 0.1 #2b2b2b, stop: 0.5 #292929, stop: 0.9 #282828, stop: 1 #252525);
}

* .py

with open("style.css", "r") as f:
   app.setStyleSheet(f.read())

Answer 2

拥有长长的样式表没有错。我的应用程序的顶级小部件中经常有一个很大的样式表字符串。在Python中，您可以使用三个单引号引起多行字符串：

style = '''
           QPushButton {
               color: #b1b1b1;
               background-color: QLinearGradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #565656, stop: 0.1 #525252, stop: 0.5 #4e4e4e, stop: 0.9 #4a4a4a, stop: 1 #464646);
               border-width: 1px;
               border-color: #1e1e1e;
               border-style: solid;
               border-radius: 6;
               padding: 3px;
               font-size: 20px;
               padding-left: 5px;
               padding-right: 5px;
               min-width: 40px;
           }

           QPushButton::hover {
               background-color: #444444;
               color: green;
           }

           QPushButton:pressed {
               background-color: QLinearGradient( x1: 0, y1: 0, x2: 0, y2: 1, stop: #2d2d2d, stop: 0.1 #2b2b2b, stop: 0.5 #292929, stop: 0.9 #282828, stop: 1 #252525);
           } '''
widget.setStyleSheet(style)

我在组织我的PyQt5 Gui代码时遇到问题

2 个答案: