qss美化Qt界面

        Qt提供了类似前端css的样式表qss(Qt样式表)来进行界面优化,可以实现代码界面分离,像MFC这种需要进行控件重载才能实现。qss的使用方法如下:

      (1)在Qt设计器中对控件右键----改变样式表,可以填写qss语法来修改样式 ,这样是对单独的控件进行设置。

      (2)在界面空白处改变样式表,是全局设置。

        例如下面的界面:

经过qss修改,可以改成如下样式:

        

  颜色搭配可以在qss里自己调节达到更好的视觉感受。

  qss格式如下:

类名
{
     属性1:。。。。;
     属性2:。。。。;
     。。。。。。。。
}

例如对QLabel样式的设置
QLabel
{
	 background-color: rgb(78,123,255);  /*背景颜色*/
     font:14px;  /*字体大小*/ 
     color: white;  /*字体颜色*/
}

    注意:每个属性以英文分号结尾,没有分号该属性无效。        

  qss的属性很多,先介绍几个常用

(1)背景颜色 background-color: rgb(78,123,255);

(2)字体  font

  (3)  边框圆角 border-radius

 例如上述例子的qss代码:

QMainWindow
{
     background-color: rgb(78,123,255);
     border-top:2px;
     border-bottom:2px;
     border-left:2px;
     border-right:2px;
}

QLineEdit 
{
     background-color: rgb(240,241,242); 
     border: 1px solid black;
     border-radius:5;
     font:14px;
}

QLabel
{
     background-color: rgb(78,123,255); 
     font:14px;
     color: white;
}

QPushButton
{
    color:green;    
    font:18px, "微软雅黑";
    background-color:rgb(0,223,223);
    border-radius:10px;
}

        qss的用法很灵活,暂时记录这么多了,以后逐渐更新。

        更多qss使用方法,请参考这篇【qss代码大全

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

令狐掌门

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值