Qt学习笔记——一些样式表例子

时间:2022-03-14 00:29:49

最近做一个Qt程序,需要修改界面样式,包括修改进度条颜色和样式,修改按钮样式,在网上搜索了一些CSS代码,由于没有系统学习过CSS以及QSS,在这里只是汇总一下,有助于以后的开发需要:

Qt中改变QProgressBar中进度条的颜色方法如下:

QProgressBar {
   border: 2px solid grey;
   border-radius: 5px;
   background-color: #FFFFFF;
}

QProgressBar::chunk {
   background-color: #05B8CC;
   width: 20px;
}

QProgressBar {
   border: 2px solid grey;
   border-radius: 5px;
   text-align: center;
}


Qt中改变QPushButton中进度条的颜色方法如下:

QPushButton{

color: rgb(255, 255, 255);

background-color: rgb(167, 205, 255);

border:none;

padding: 3px;

font-family: "Verdana";

font-size: 15px;

text-align: center;

}


QPushButton:hover,QPushButton:pressed ,QPushButton:checked{

background-color: rgb(85, 170, 255);

text-align: right;

padding-right: 20px;

font-weight:100

}


QPushButton:hover{

background-image: url(:/icon/icons/dark/appbar.navigate.next.png);

background-repeat:no-repeat;

background-position: center left;

}


QPushButton:pressed,QPushButton:checked{

background-image: url(:/icon/icons/light/appbar.navigate.next.png);

background-repeat:no-repeat;

background-position: center left;

}



参考文章:http://my.oschina.net/upday7/blog/109597