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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM