multisim可弹起按钮_【专题2:电子工程师 之 上位机】 之 【9.QPushButton按钮】

本文详细介绍了在QT编程中如何设置QPushButton按钮的样式,包括添加背景图片、实现圆角边框以及响应鼠标事件。通过设置不同属性,如background-image和border-image,可以调整按钮的视觉效果。此外,还探讨了如何通过QSS实现按钮的圆角边框和鼠标悬停状态的样式变化,提供多个版本的样式示例。
摘要由CSDN通过智能技术生成
希望本是无所谓有,无所谓无的,这正如脚下的路,其实地上本没有路,走的人多了,也便成了路....原创不易,文章会持续更新,感谢您的关注

1.打开控制台

9a49ca50d6144776b0116e60b3e50a44.png

2.PushButton能产生的信号

click() //点击按钮时,产生的信号click(bool)pressed() //按住按钮时,产生的信号released() //释放按钮时,产生的信号

按钮默认是不可选的,需要一个属性之后才可选。勾选了下面的可选框之后,当前按钮变成可选的:点击一下,按钮不会弹起,再点击一下,按钮弹起。

f6ebf9e0955a7e61d33f81765e699c9e.png

3.样式设置

3.1.添加图片

190b085b0a2475be388171b4c02a63ad.png (1)background-image:添加背景图片,特点:图片不会进行缩放,点击按钮时仍有凹凸感。在界面设计器中勾选plat,将凹凸感去掉。凹凸感通过qss实现。

40a23875f951848ec1dca6ac2f3d065d.png (2)border-image:添加背景图片,特点:图片自动被缩放成和按钮等大小,点击时没有 凹凸感。

3.2.圆角边框

(1)版本一9f03a2b991313c96116f18e964f72e79.png 通过‘编辑样式表’来设置为圆角边框。

(2)版本二
进一步修改样式:中间颜色深一点,上下颜色淡一点。1e4df43338edac1075f894bd1abe0dee.png

05673be051fa654f0d8a24267c4420d7.png

14162f7b2580d208a19fa1b2bdc0f935.png效果,带有渐变效果背景的按钮:

f53b821a083a8370a54093f4f159498c.png

(3)版本三
鼠标移到按钮上和移开按钮有不一样的效果。在样式表中加入下面的代码。

hover表示鼠标移上去,这个字段对所有控件都有效,通过前面的QPushButton来确定需要设置哪个控件。这和css的类选择器类似,也可以用id选择器直接定位到某个具体的控件。

注意,可以在具体控件的样式表中编写qss代码,也可以在总的样式表中编写qss代码。52ca73388b3dab681e04efbf8267347f.png

代码:

QPushButton{  color: rgb(255, 0, 0);  font: 18pt "Agency FB";  border-radius:15px;}QPushButton::!hover{  background-color: qlineargradient(spread:reflect, x1:1, y1:0.488, x2:1, y2:0, stop:0.338308 rgba(0, 0, 0, 255), stop:1 rgba(255, 255, 255, 255));}QPushButton::hover{  background-color: qlineargradient(spread:reflect, x1:1, y1:0.54, x2:1, y2:0, stop:0.338308 rgba(0, 0, 0, 255), stop:1 rgba(255, 255, 255, 255));}

鼠标移开时:

887f5f5cce706a5c0f35fcb9f49dab16.png

鼠标移上去时:

fb45330af153914fd84e6e63cf1f7fb9.png

76480f08a8b467f483e08fbc038de69f.png

专注于 嵌入式 qt知识分享

欢迎扫码关注
“嵌入式工程师成长之路”

287f1869fe3eb588da2a90cd33a2dc6d.gif

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值