QProgressBar樣式表
初學樣式表,很多東西不知道,搞了一段時間,一點一點整理出來,分享一下。不足之處,希望各位網友補充完善。
第一步:
(
"height:30;"
"background: red;"
"color:rgb(255,255,0);"
);
效果如下圖:此時背景顏色沒有起作用。
第二步:
("border:1px solid #FFFFFF;"
"height:30;"
"background: red;"
"color:rgb(255,255,0);"
);
效果如下圖:加上border之後,背景顏色變成紅色,並且value出現在border裡面。
第三步:
("border:1px solid #FFFFFF;"
"height:30;"
"background: red;"
"text-align: center;"//控制文字位置left center right
"color:rgb(255,255,0);"
"border-radius:10px;"//圓角
);
效果如下圖:
第四步:新增斑馬線。
("QProgressBar{border:1px solid #FFFFFF;"
"height:30;"
"background:red;"
"text-align:center;"
"color:rgb(255,255,0);"
"border-radius:10px;}"
"QProgressBar::chunk{"
"border-radius:5px;"//斑馬線圓角
"border:1px solid black;"//黑邊,預設無邊
""
"width:8px;margin:0.5px;}"//寬度和間距
);
效果如下圖:
如果無border效果如下圖。
第五步:
("QProgressBar::chunk{background:qlineargradient(spread:pad,x1:0,y1:0,x2:1,y2:0,stop:0 red,stop:1 blue);}");