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);"
"}"
";")
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())
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)
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.