QComboBox/QScrollBar/QTabWidget用QSS美化小总结
2015-10-12 15:46阅读:
QSS样式:
1.QComboBox样式
区域:(1).基本区域 QComboBox{}
(2).下拉按钮 QComboBox::drop-down{}
具有按钮的属性:hover pressed ...
(3).下拉按钮的箭头 QComboBox::down-arrow{}
2.QScrollBar样式
区域:
(1).sub-line上拉按钮
<例:QScrollBar::sub-line:vertical{};>
(2).up-arrow上拉按钮上的箭头
(3).sub-page滚动条已经滑过的地方
(4).handle 滚动条
(5).add-page滚动条还未滑过的地方
(6).down-arrow下拉按钮的箭头
(7).add-line下拉按钮
注意:如果要操作add-line和sub-line需要指定sub-control和height,ScrollBar需要设置margin。
用的时候要指定是:vertical还是hotizontal。例:QScro
llBar::handle:vertical{ }
3.QTableWidget样式
区域:
(1).QTableWidget->horizontalHeader横向表头
(2).QTableWidget->verticalHeader()
纵向表头
setStyleSheet(“QHeaderView::section{属性:属性值}”);
(3).QTableWidget->horizontalScrollBar()
水平滚动条
(4).QTableWidget->verticalScrollBar()
垂直滚动条 <样式参见滚动条QScrollBar样式>.
(5).QTableWidget{}表格显示区域
4.QTabWidget 样式
区域:
(1).QtabWidget::pane{}
(2).QtableWidget::tab-bar{}
(3).QtabBar
1.QTabBar::scroller{}
2.QTabBar::tab{}
3.QTabBar::tab:focus{}
4.QTabBar::tab:first:selected{}/!selected{}
5.QTabBar::tab:first:hover:selected{}/!selected{}
6.QTabBar::tab:middle:selsected{}/!selected{}
7.QTabBar::tab:middle:hover:selected{}/!selected{}
8.QTabBar::tab:last:selected{}/!selected{}
9.QTabBar::tab:last:hover:selected{}/!selsected{}
10.QTabBar::tab:only-one{}
总结这篇文章的时候,参考了网上很多作者的博文,非常感谢各位作者的分享。更多组合式控件样式学习待以后总结。