Qt设置样式时一个组合控件中的属性

主要是针对在使用Qt提供的控件时，想要使用qss去美化控件时，却不知道控件中的一个子控件的名称以及相关属性如何设置；

1. QComboBox --组合下拉栏
- 设置下拉按钮的样式；QComboBox::drop-down;通过这个选择器可以设置下拉按钮的形状以及一些基本属性设置；

		QComboBox::drop-down {
		subcontrol-origin: padding;
		subcontrol-position: top right;
		width: 30px;							//按钮宽度
		border-left-width: 0px;			//按钮左边框宽度
		border-left-color: gray;			//按钮左边框颜色
		border-left-style: solid;			//左边框线条样式
		border-top-right-radius: 3px;		//设置右上角的旋转弧度
		border-bottom-right-radius: 3px;		//设置右下角的旋转弧度
		}

• 设置鼠标经过下拉按钮时下拉按钮的样式

		QComboBox::down-arrow:hover {
		image: url(:/images/Login_Ui/drop_down_hover.png);
		}

• 设置下拉按钮被按下时按钮的样式

		QComboBox::down-arrow:pressed {
		border-image: url(:/images/Login_Ui/drop_down_pressed.png);
		}

• 设置下拉列表中数据项的样式

		QComboBox QAbstractItemView::item {
		    height: 50px;
		}

            需要注意的是：在设置完成时候，还需要调用接口QComboBox::setView() ,否则刚才创建的样式不生效

		ui->comboBox->setView(new  QListView());

2. QTabWidget
       1、设置QTabWidget中的tab-bar标签样式

QTabWidget::tab-bar
{
	alignment:left;		//设置文字左对齐
}

QTabWidget::pane
{
	border:none;
}

QTabWidget::tab-bar
{
	alignment:left;
}

QTabBar QToolButton::right-arrow {
    image: url(rightarrow.png);  
}

QTabBar QToolButton::left-arrow {
    image: url(rightarrow.png);  
}

QTabBar::tab
{
	margin-bottom:2px;
	font-size:15px;
	font-family:Microsoft YaHei;
	color:rgba(99,122,135,1);
	background:rgba(255,255,255,1);
	min-width:200px;
	min-height:42px;
}

QTabBar::tab::currentTabIcon
{
	min-height:42px;
}

QTabBar::tab:hover
{
	font-size:15px;
	font-family:Microsoft YaHei;
	color:rgba(0,140,255,1);
	background:rgba(227,242,255,1);
}

QTabBar::tab:selected
{
	background:rgba(0,140,255,1);
	font-size:15px;
	font-family:Microsoft YaHei;
	color:rgba(255,255,255,1);
}

QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical
{
	background:rgba(221, 221, 221,1);
}

QScollBar::add-line:vertical, QScrollBar::sub-line:vertical
{
	background:transparent;
}

QScollBar::add-line:vertical, QScrollBar::add-line:vertical
{
	background:transparent;
}

3. QTableWidget

QHeaderView
{
    background:transparent;
}

QHeaderView::section
{
    font-size:15px;
    font-family:Microsoft YaHei;
	background:rgba(255,255,255,1);
	font-weight:bold;
	color:rgba(77,94,116,1);
	border:1px solid  rgb(209, 209, 209);			//设定表头外边框，有时表头不显示边框，可以通过设置该属性来解决
    min-height:40px;
    max-height:40px;

}
QTableWidget
{
    background:#FFFFFF;
    font-size:12px;
    font-family:Microsoft YaHei;
    color:#666666;
	marging-left:0px;
	border:1px solid  rgb(209, 209, 209);   //如果是用代码去创建表，有时会出现表的边框缺失，可以通过设置这个属性来解决
}
 
QTableWidget::item::selected 			//表格中单元格被选中时的样式
{
    color:red;
    background:#EFF4FF;
}

QScrollBar::vertical 			//社会滚动条的宽和高
{
	width: 15px;
	height:50px;
}
QScrollBar::handle:hover				//设置竖直方向的滚动条的样式
{
	background:rgba(200,209,219,1);
}
QScrollBar::handle:pressed
{
	background:rgba(0,140,255,1);
}
	

4. QTreeWidget

QTreeWidget{
	background:rgba(255,255,255,1);
    /* set the font properties*/
    font-size:14px;
	font-family:Microsoft YaHei;
	outline:0px;
	show-decoration-selected: 1;
    selection-background-color: rgba(227, 242, 255,1);
	color: black; /*rgba(99,122,135,1);*/
	border:none;
	border-top:1px solid rgb(192,192,192);
    border-bottom:1px solid rgb(192,192,192);
	
}
 
QTreeWidget::item{ 
	height:30px;
    margin:10px;
  	background:rgba(255,255,255,1);  
    background-clip: margin;
}

QTreeWidget::branch{
    background:rgba(255,255,255,1);
	border-image: none;
}

QTreeView::item:hover {
    background: rgba(227, 242, 255,1);
}
 
QTreeView::item:selected:active{
    background: rgba(227, 242, 255,1);
	color:rgba(1,141,255,1);
}
 
QTreeView::item:selected:!active {
    background: rgba(227, 242, 255,1);
	color:rgba(1,141,255,1);
}

QTreeView::item:hover,
QTreeView::branch:hover,
QTreeViewl::item:selected,
QTreeView::branch:selected
{
    background: rgba(227, 242, 255,1);
}

QTreeView::branch:hover
{
    background: rgba(227, 242, 255,1);
}

QTreeWidget::branch:closed:has-children:!has-siblings,
QTreeWidget::branch:closed:has-children:has-siblings {
    border-image: none;
    image: url(:/Resources/image/dm_btn_down_collapse.png);
}
 
 
QTreeWidget::branch:open:has-children:!has-siblings,
QTreeWidget::branch:open:has-children:has-siblings  {
    border-image: none;
    image: url(:/Resources/image/dm_btn_down_exhibition.png);
}

QScrollBar::handle:vertical
{
	background:rgba(200,200,200,1);
    border: 0px solid grey;           
    border-radius:3px;                
    width: 8px;              
}

QScrollBar::vertical 
{
	width: 15px;
	height:30px;
	background:rgba(184,192,1851);
}
QScrollBar::handle:hover
{
	background:rgba(98,184,255,1);
}
QScrollBar::handle:pressed
{
	background:rgba(98,184,255,1);

}

QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical
{
	background:rgba(221, 221, 221,1);
}

QScollBar::add-line:vertical, QScrollBar::sub-line:vertical
{
	background:transparent;
}

QScollBar::add-line:vertical, QScrollBar::add-line:vertical
{
	background:transparent;
}

6. QCheckBox

QCheckBox{
	font-size:15px;
	font-family:Microsoft YaHei;
	color:rgba(77,94,116,1);
}

/*单选框未选中样式*/
QCheckBox::indicator::unchecked {
    image: url(:/Resources/image/dm_btn_cycle_nochoose.png);
}
/*单选框选中样式*/
QCheckBox::indicator::checked { 
    image: url(:/Resources/image/dm_btn_cycle_choose.png);
}

Tips:
  Qt的样式设置占用时间消耗还是比较大的，如果在实际使用中，是用代码不断的创建某个控件，而有需要不断为这个控件调用setStyleSheet来设置样式，循环创建的数量过多时，会严重影响程序的响应速度，需要注意这点！！！！！！！