1. 程式人生 > 實用技巧 >QProgressBar樣式表

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);}");

https://blog.csdn.net/cliffordl/article/details/42063561