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

最近做一个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


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值