QT中,QListWidget相關的樣式設置

設置包括滾動條的樣式和item的一些樣式,效果圖和樣式如下:
在這裏插入圖片描述

/*設置垂直滾動的全局屬性值*/
QScrollBar:vertical
{
    width:10px;
    background:rgba(0,0,0,0%);
    margin:0px,0px,0px,0px;
    padding-top:0px;
    padding-bottom:0px;
}
/*設置垂直滾動的滾動條屬性值*/
QScrollBar::handle:vertical
{
    width:10px;
    background:rgba(0,0,0,25%);
    border-radius:2px;
    min-height:20;
}
/*設置垂直滾動的滾動槽屬性值*/
QScrollBar::handle:vertical:hover
{
    width:10px;
    background:rgba(0,0,0,50%);
    border-radius:2px;
    min-height:20;
}
/*設置垂直滾動的上下端的箭頭屬性值*/
QScrollBar::add-line:vertical,QScrollBar::sub-line:vertical
{
    height:10px;width:10px;
}
/*設置垂直滾動的下端箭頭到滾動條之間的滾動槽屬性值*/
QScrollBar::add-page:vertical
{
    background:rgba(255,0,0,10%);
    border-radius:2px;
}
/*設置垂直滾動的上端箭頭到滾動條之間的滾動槽屬性值*/
QScrollBar::sub-page:vertical
{
    background:rgba(255,0,0,50%);
    border-radius:2px;
}
QListWidget
{
	border:0px;
	background-color:rgba(252,252,252,1);
}
/*列表每個item的默認屬性值*/
QListWidget::Item
{
	border:0px;
	background-color:rgba(252,252,252,1);
}
/*列表每個item在鼠標移到上面時的屬性值*/
QListWidget::Item:hover
{
	background-color:rgba(244,244,244,1);
	padding-top:0px;
	padding-bottom:0px;
}
/*列表每個item在被選中時的屬性值*/
QListWidget::item:selected
{
	background-color:rgba(234,234,234,1);
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章