摘要

在 PyQt 中,样式表(stylesheet)类似于网页中的 CSS,用来控制控件的外观。通过使用样式表,可以自定义窗口的整体视觉效果、布局和各个组件的细节。本文记录一种赛博朋克风格的样式表。

1. QWidget

QWidget {
    background-color: #1E1E1E;
    color: #FFFFFF;
    font-family: Arial, sans-serif;
}
  • background-color: #1E1E1E:设置整个窗口的背景颜色为深灰色。
  • color: #FFFFFF:设置窗口中所有文本的默认字体颜色为白色,保证深色背景下文字的清晰可见。
  • font-family: Arial, sans-serif:使用 Arial 字体,简单且现代化。

2. QLabel

QLabel {
    color: #00FFCC;
    font-size: 18px;
}
  • color: #00FFCC:设置 QLabel 组件的文字颜色为荧光绿色(#00FFCC)。
  • font-size: 18px:文字大小为 18px,使标题和标签更醒目。

3. QTableWidget

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)。

4. QHeaderView::section(表头样式)

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:与表格内容保持相同的字体大小。

5. QPushButton

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),模拟点击效果。

发表评论