不多说看黑板:
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;}");
结束:
分享也是自己对问题再次加深理解的方式,可能不全面,但绝对有用,后面将不断完善~