您的位置:首页 > Web前端 > CSS

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

2016-09-03 14:05 381 查看
最近做一个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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css 界面