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

Question

I'm writing a Pyqt5 GUI code but I'm facing a problem with organizing my code especially by setStyle because the style is to long what should I do? any advices Example

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 Style Sheet is based on CSS 2.1 so you can use this format:

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

There's nothing wrong with having a long stylesheet. I often have a large stylesheet string in the top level widget of my app. In Python, you can do a multiline string using three single quotes:

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)