qt 取消按钮点击效果_Qt实现自定义按钮的三态效果

Qt

实现自定义按钮的三态效果

好久之前做的一个小软件，好长时间没动过了，在不记

录下有些细节可能都忘了，

这里整理下部分功能的实现。

按

钮的三态，指的是普通态、鼠标的停留态、点击态，三态是

界面交互非常基本的一项功能，

Qt

中如果使用的是原始的按

钮，三态的效果是有的，鼠标放上去会变色，点击的时候有

凹陷的效果，工具栏中的图标也具备三态效果，但是如果自

定义的图标这个效果就没有了。

下面整理下自定义按钮图

标的方法，先看下我做的效果图：

图中表示了鼠标放在按

钮上和按下的效果，完成了基本的三态，下面说下我的具体

实现过程。

资源准备

首先要准备好对应状态的按钮图标，

按钮图标可以从网上搜集，图标需要找

png

格式的，

ico

格

式的可以使用工具转换为

png

格式的，而且是背景透明的

png

格式，要想实现不同状态对应不同的效果还需要处理出

其他状态，这就得靠

PS

来完成了，使用

PS

也非常简单，

我这里使用

PS

的内阴影来实现按下的效果，用斜面和浮雕

来实现鼠标停留效果。具体设置如下面两幅图所示：

图：

使用内阴影实现的按下效果

图：使用斜面和浮雕实现的鼠

标停留效果

处理好后的图标如下图。

加入工程

将处理好

的图标文件放入工程文件夹下，新建

Qt-Qt

资源文件。

输

入文件名保存并加入工程。依次添加前缀，添加文件将文件