摘要
在 PyQt 中,样式表(stylesheet)类似于网页中的 CSS,用来控制控件的外观。通过使用样式表,可以自定义窗口的整体视觉效果、布局和各个组件的细节。本文记录一种赛博朋克风格的样式表。
QWidget
1. QWidget {
background-color: #1E1E1E;
color: #FFFFFF;
font-family: Arial, sans-serif;
}
-
background-color: #1E1E1E
:设置整个窗口的背景颜色为深灰色。 -
color: #FFFFFF
:设置窗口中所有文本的默认字体颜色为白色,保证深色背景下文字的清晰可见。 -
font-family: Arial, sans-serif
:使用 Arial 字体,简单且现代化。
QLabel
2. QLabel {
color: #00FFCC;
font-size: 18px;
}
-
color: #00FFCC
:设置QLabel
组件的文字颜色为荧光绿色(#00FFCC)。 -
font-size: 18px
:文字大小为 18px,使标题和标签更醒目。
QTableWidget
3. QTableWidget {
background-color: #2D2D2D;
border: 1px solid #00FFCC;
font-size: 14px;
color: #FFFFFF;
gridline-color: #00FFCC;
}
-
background-color: #2D2D2D
:设置表格的背景颜色为较浅的灰色。 -
border: 1px solid #00FFCC
:为表格周围添加一个荧光绿色的边框。 -
font-size: 14px
:设置表格中的字体大小。 -
color: #FFFFFF
:表格中文字为白色。 -
gridline-color: #00FFCC
:设置表格网格线为荧光绿色(#00FFCC)。
QHeaderView::section
(表头样式)
4. QHeaderView::section {
background-color: #1A1A1A;
color: #00FFCC;
border: 1px solid #00FFCC;
font-size: 14px;
}
-
background-color: #1A1A1A
:表头背景颜色为深灰色(#1A1A1A)。 -
color: #00FFCC
:表头文字为荧光绿色(#00FFCC),与表格边框和网格线颜色保持一致。 -
border: 1px solid #00FFCC
:为表头部分添加绿色边框。 -
font-size: 14px
:与表格内容保持相同的字体大小。
QPushButton
5. QPushButton {
background-color: #00FFCC;
color: #1E1E1E;
border: none;
padding: 8px 16px;
font-size: 14px;
font-weight: bold;
}
QPushButton:hover {
background-color: #009999;
}
QPushButton:pressed {
background-color: #006666;
}
-
background-color: #00FFCC
:按钮的背景颜色为荧光绿色。 -
color: #1E1E1E
:按钮文字为深灰色,和按钮的背景颜色形成对比。 -
border: none
:去除了按钮的默认边框,使按钮看起来更加简洁。 -
padding: 8px 16px
:为按钮添加内边距,使其更具立体感。 -
font-size: 14px
:按钮文本字体大小设置为 14px。 -
font-weight: bold
:加粗按钮文字。 -
QPushButton:hover
:当鼠标悬停时,按钮背景颜色变为较深的绿色(#009999)。 -
QPushButton:pressed
:当按钮被按下时,背景颜色变为更深的绿色(#006666),模拟点击效果。