設置包括滾動條的樣式和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);
}