Qt按钮qss样式总结

136 篇文章 603 订阅 ¥129.90 ¥299.90
本文总结了如何使用Qt的QSS语法来优化和美化按钮界面,包括设置倒角、边框、背景颜色、鼠标悬停和按下状态的效果。通过简单的CSS样式表语句,无需继承和重写类,即可实现界面与程序逻辑的分离。同时提到,对于多个样式不同的按钮,可以通过设置ID并配合QSS实现。此外,如果拥有美工提供的三态图片,可以利用背景图片直接修改QSS,进一步提升按钮的视觉效果。
摘要由CSDN通过智能技术生成

        Qt的界面可以通过qss语法优化,相对于MFC方便了很多,不用继承,重写按钮类的相关类和方法,用类似css样式表的语句即可进行美化,UI和主程序无关,例如下面是一个优化后的按:

                                                                  

        设置了倒角,边框,背景,鼠标停留,按下的效果,qss语句如下:

QPushButton
{  
    /* 前景色 */  
    color:green;  

    /* 背景色 */  
    background-color:rgb(223,223,223);  

    /* 边框风格 */  
    border-style:outset;  

    /* 边框宽度 */  
    border-width:0.5px;  

    /* 边框颜色 */  
    border-color:rgb(10,45,110);  

    /* 边框倒角 */  
    border-radius:10px;  

    /* 字体 */  
    font:bold 14px;  

    /* 控件最小宽度 */  
    min-width:100px;  

    /* 控件最小高度 */  
    min-height:20px;  

    /* 内边距 */  
    padding:4px;  
} 

/* 鼠标按下时的效果 */ 
QPushButton#pushButton:presse
  • 1
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

令狐掌门

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

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

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

打赏作者

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

抵扣说明:

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

余额充值