Qt按钮设置圆角【实现及效果】

不多说看黑板:

1、按钮设置圆角

 // 设置按钮样式及悬浮、按下时的状态
 ui->pushButton->setStyleSheet("QPushButton{background-color: rgb(225, 225, 225);border:2px groove gray;border-radius:10px;padding:2px 4px;border-style: outset;}"
                                           "QPushButton:hover{background-color:rgb(229, 241, 251); color: black;}"
                                           "QPushButton:pressed{background-color:rgb(204, 228, 247);border-style: inset;}");

效果图:注意下图的【打开百度地图】

在这里插入图片描述

2、终极:将按钮设置为圆型:注意下图的【百度一下】

在这里插入图片描述

如何实现?

第一步:
将按钮的大小设置宽度和高度相同
在这里插入图片描述
第二步:
将border-radius设置为宽高值的一半,其他设置不变!比如我这里宽高大小为100,那么border-radius就是50px。【原因:圆角大小,因为矩形的一半为50,所以圆角大小 设置为50以后,将会成为一个圆型,小于50,就是圆角矩形了。

为了方便,我还是直接写好供参考:

ui->pushButton->setStyleSheet("QPushButton{background-color: rgb(225, 225, 225);border:2px groove gray;border-radius:50px;padding:2px 4px;border-style: outset;}"
                                           "QPushButton:hover{background-color:rgb(229, 241, 251); color: black;}"
                                           "QPushButton:pressed{background-color:rgb(204, 228, 247);border-style: inset;}");

结束:

分享也是自己对问题再次加深理解的方式,可能不全面,但绝对有用,后面将不断完善~

评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

All In !!!

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

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

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

打赏作者

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

抵扣说明:

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

余额充值