返回
首页 > 维修大全

title: Qt按钮按动、划过背景设置

时间: 2025-04-19

tags:

给按钮添加背景后,原先按钮的按动效果就没了,(按钮没有反馈,我的手就会一直在抖,哈哈哈哈),十分的难受,于是自己给他添加初始状态,鼠标滑过和鼠标点击三种状态的效果。

解决方法:

使用样式表给按钮添加不同状态的背景图片。

效果如下:

在这里插入图片描述

操作步骤:

1.使用Qt创建一个项目,并且将想要显示的效果图资源添加到Qt资源系统之中。

在这里插入图片描述

然后,在ui界面添加一个按钮控件。

在这里插入图片描述

最后,右键修改样式表如下:

在这里插入图片描述

#my_button{
	border-image: url(:/images/border.png);
}
#my_button:hover{
	border-image: url(:/images/bc2.png);
}
#my_button::pressed{
	border-image: url(:/images/border002.png);
}

P.S.这里要指明对象,my_button就是想要添加效果的按钮。

#my_button{
	border-image: url(:/images/border.png);
}

上面这句是给按钮正常状态下添加背景图片。

#my_button:hover{
	border-image: url(:/images/bc2.png);
}

上面这句是给鼠标悬停时添加背景图片

#my_button::pressed{
	border-image: url(:/images/border002.png);
}

上面这句是给鼠标点击时添加背景图片。

OK,运行就可以得到效果了。

加载中~

猜你喜欢

Copyright © 2012-202X

苏ICP备12014991号-8

联系邮箱:18951535724

本站访客:17561
1097476955
服务热线

服务热线

18951535724

18951535724
返回顶部