QT漂亮QSS样式模仿流行VUE Element UI ,QSS漂亮大方美观样式 QSS样式 QTableWidget 漂亮样式QSS 快速开发QSS漂亮界面
在Qt中,要模仿Vue.js的Element UI库,并创建一个漂亮、大方美观的QSS样式对QTableWidget进行样式设置,可以参考以下的QSS代码示例:
QTableWidget {
font-size: 14px;
gridline-color: #e8eaec;
border-color: #e8eaec;
border-width: 1px;
border-style: solid;
border-radius: 4px;
}
QTableWidget QHeaderView::section {
background-color: #f8f8f9;
border: none;
color: #515a6e;
padding: 4px 10px;
border-right: 1px solid #e8eaec;
}
QTableWidget QHeaderView::section:first {
border-left: 1px solid #e8eaec;
}
QTableWidget QTableCornerButton::section {
background: none;
border: none;
}
QTableWidget::item {
border-color: #e8eaec;
border-width: 1px;
border-style: solid;
padding: 4px 10px;
background-color: #fff;
}
QTableWidget::item:hover {
background-color: #f8f8f9;
}
QTableWidget::item:selected {
background-color: #eef2fe;
color: #515a6e;
}
QTableWidget::item:focus {
background-color: #eef2fe;
color: #515a6e;
}
这段QSS样式代码为QTableWidget组件设置了整体的字体大小、网格线颜色、边框样式和圆角等,同时还针对QHeaderView的section、QTableCornerButton的section以及QTableWidget的item应用了不同的样式。在鼠标悬停或选中项时,会有特定的背景色变化,从而提升了表格的整体美观度。
评论已关闭