鼠标放到QPushButton或者QLabel 部件变色

最新推荐文章于 2024-06-18 08:13:13 发布

原创最新推荐文章于 2024-06-18 08:13:13 发布 · 4.7k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#qt

QT 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何使用QT样式表为QPushButton和QLabel设置鼠标悬停时的颜色变化。通过修改样式表，可以实现部件在正常状态和鼠标悬停状态下的背景颜色和字体颜色定制。例如，当鼠标悬停在QPushButton上时，背景变为rgb(255, 69, 234)，字体颜色变为rgb(255, 255, 255)。QLabel的设置类似，可以参考相关网页进行操作。" 114241197,8545935,IP协议详解及其字段作用,"['网络协议', 'TCP/IP', '数据包', '网络通信']

样式表设置

QPushButton

(使用设计师)右键选择"改变样式表"
在这里插入图片描述
输入如下内容:

 QPushButton:hover { 
 background-color: rgb(255, 69, 234); 
 color: rgb(255, 255, 255);}
QPushButton { font: 9pt "Agency FB";}

其中QPushButton:hover{ }就是设置鼠标放上去部件的变化。
background-color: rgb(255, 69, 234); 为设置背景颜色
color: rgb(255, 255, 255); 为设置字体颜色

QPushButton{ } 就是设置正常情况下的部件
font: 9pt “Agency FB”; 是设置字体的大小

结果:
正常情况:
在这里插入图片描述
鼠标放在该部件之上时:

QLabel 同理

样式表内容如下:

QLabel:hover { background-color: rgb(255, 69, 234); 
color: rgb(255, 255, 255);
}


QLabel { font: 75 12pt "Agency FB";
font: 75 12pt "Agency FB";
color: rgb(255, 85, 0);
}