文章目录
- 设置效果
- 样式内容说明
- qss文件内容
- 补充
设置效果
先上图,为了方便大家区分,使用了多种颜色进行设置。
样式内容说明
* {
background-color: #88e7ea;
}
设置全局背景色
可能是因为 QGroupBox 的背景色优先级较高,覆盖了全局样式。
所以需要对QGroupBox 再次单独设置背景色。
这个地方我没有找到有力依据,请大家评论区告诉我。
其余设置均有注释,请大家参考注释。
如果还有什么样式需要设置,也可以留言告诉我。
qss文件内容
/* 设置全局背景色 */
* {
background-color: #88e7ea;
}
QGroupBox {
/* 设置GroupBox的边框以及背景颜色 */
border: 2px solid #cccccc;
background-color: #f2f2f2;
/* 设置GroupBox的字体 */
font: 20px;
/* 设置GroupBox的文本颜色 */
color: #333333;
/* 可能是因为 QGroupBox 的背景色优先级较高,覆盖了全局样式。 */
/* 需要单独设置QGroupBox背景色 */
background-color: #88e7ea;
}
/* 针对特定GroupBox对象,设置字体大小、边框以及字体颜色*/
#groupBox {
font: bold 25px;
color: #ebd969;
border: 2px solid green;
}
/* 针对QGroupBox里面的QLabel、 QPushButton、QComboBox对象,设置字体大小 */
QGroupBox QLabel, QGroupBox QPushButton, QGroupBox QComboBox {
font-size: 12px;
}
/* 表头背景颜色设置 */
/* 除去有内容的表头,其余空白部分的颜色设置 */
QHeaderView {
background-color: #ba7800;
border: none;
}
/* 表格背景颜色设置 */
/* 去除单元格选中后表格周围的虚线边框 outline */
QTableView {
background-color: #12f232;
outline: none;
}
QTableWidget {
background-color: #805b5b;
outline: none;
}
/* 表格单元格背景颜色设置 */
QTableWidget::item {
background-color: #74145a;
}
/* 表格选中单元格背景颜色设置 */
QTableView::item:selected {
background-color: #2bd0cb;
border: none;
}
QTableWidget::item:selected {
background-color: rgba(40, 13, 13, 220);
border: none;
}
/* 表头背景颜色设置 */
QTableView QHeaderView::section {
background-color: #fe874a;
border: none;
}
/* 有内容的表头颜色设置 */
QTableWidget QHeaderView::section {
background-color: #bbaa22;
border: none;
}
/* 表头点击时背景颜色设置 */
QTableView QHeaderView::section:pressed {
background-color: #a32222;
border: none;
}
QTableWidget QHeaderView::section:pressed {
background-color: #ba78c7;
border: none;
}
/* 纵横表头交叉位置的背景颜色设置 */
QTableView QTableCornerButton:section {
background-color: #74145a;
border: none;
}
QTableWidget QTableCornerButton:section {
background-color: #eae0a0;
border: none;
}
补充
QTableView QHeaderView::section {
font-size: 15px;
color: #000000;
height: 30px;
width: 30px;
/*min-height: 30px;
max-height: 30px;*/
background-color: rgba(170, 170, 170, 1);
}
设置了最大最小高度,不设置宽度,行表头会消失