设为首页 加入收藏

TOP

Qt实现自定义按钮的三态效果
2014-11-24 00:08:12 来源: 作者: 【 】 浏览:9
Tags:实现 定义 按钮 效果

好久之前做的一个小软件,好长时间没动过了,在不记录下有些细节可能都忘了,这里整理下部分功能的实现。


按钮的三态,指的是普通态、鼠标的停留态、点击态,三态是界面交互非常基本的一项功能,Qt中如果使用的是原始的按钮,三态的效果是有的,鼠标放上去会变色,点击的时候有凹陷的效果,工具栏中的图标也具备三态效果,但是如果自定义的图标这个效果就没有了。


推荐阅读:


下面整理下自定义按钮图标的方法,先看下我做的效果图:


图中表示了鼠标放在按钮上和按下的效果,完成了基本的三态,下面说下我的具体实现过程。


首先要准备好对应状态的按钮图标,按钮图标可以从网上搜集,图标需要找png格式的,ico格式的可以使用工具转换为png格式的,而且是背景透明的png格式,要想实现不同状态对应不同的效果还需要处理出其他状态,这就得靠PS来完成了,使用PS也非常简单,我这里使用PS的内阴影来实现按下的效果,用斜面和浮雕来实现鼠标停留效果。具体设置如下面两幅图所示:


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


图:使用斜面和浮雕实现的鼠标停留效果


处理好后的图标如下图。


将处理好的图标文件放入工程文件夹下,新建Qt-Qt资源文件。


输入文件名保存并加入工程。依次添加前缀,添加文件将文件加入工程,如下图所示。


】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
分享到: 
上一篇C++中的向上类型转换和向下类型转.. 下一篇Qt Creator 窗体控件自适应窗口大..

评论

帐  号: 密码: (新用户注册)
验 证 码:
表  情:
内  容: