pyQt style Pattern

CSS
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
QGroupBox {
    border-radius: 10px;
    border-width: 5px;
    border-style: solid;
    border-color: #023656;
}

QGroupBox::title {
    subcontrol-origin: margin;
    subcontrol-position: top left;
    left: 10px;
    top: 5px;
    padding: 0 5px;
    background-color: white;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

border-style

CSS
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
/*
QLabel {
    color: red;
    font-size: 20px;
}
*/

/*
qlabel fit font size:
set sizePolicy Expanding
set wordWrap true
*/
QLabel#label {
    color: rgb(160, 210, 255);
    background-color: transparent;
}

QLabel#label_2 {
    color: rgb(77, 202, 210);
    background-color: transparent;
}

QLabel#label_3 {
    color: rgb(160, 210, 255);
    background-color: transparent;
}

QPushButton {
    /*灰底白字
    background-color: rgb(29,37,43);
    color: rgb(255,255,255);*/
    /*蓝底白字*/
    background-color: rgb(0,82,158);
    color: rgb(255,255,255);
    font-size: 16px;
}

/*
QGroupBox {
    border: 2px solid gray;
    border-radius: 10px;
}

QGroupBox::title {
    subcontrol-origin: margin;
    subcontrol-position: top center;
    padding: 0 5px;
    border-radius: 5px;
}

QGroupBox::corner {
    background-color: white;
    border: none;
    border-radius: 5px;
    width: 5px;
    height: 5px;
}
*/

QGroupBox {
    border-radius: 10px;
    border-width: 5px;
    border-style: solid;
    border-color: #023656;
    font-size: 18px;
}
QGroupBox::corner {
    background-color: red;
}
QGroupBox::title {
    subcontrol-origin: margin;
    subcontrol-position: top left;
    left: 10px;
    top: 5px;
    color: #A0D2FF;
    background-color: #002D4D;
    border-top-right-radius: 8px;
}

/*
#groupBox2 {
    background-color: rgb(0, 21, 40);
    font-size: 16px;
    font-weight: bold;
    color: red;
}
*/

#centralWidget {
    background-color: rgb(0, 21, 40);
}
Python
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
import sys
from PyQt5.QtWidgets import QApplication
from PyQt5.QtCore import QFile, QTextStream

file = QFile("Style/style.qss")
file.open(QFile.ReadOnly | QFile.Text)
stream = QTextStream(file)
stylesheet = stream.readAll()

app = QApplication(sys.argv)
app.setStyleSheet(stylesheet)
main_window = MainWindow()
main_window.show()
sys.exit(app.exec_())

qtcreator 7.0.2

qml application

非梦教程

cross-platform-gui-application-based-on-pyqt

qmlintegration