476
社区成员
发帖
与我相关
我的任务
分享发一个带有切换效果的三态按钮
三态——正常、鼠标悬停、鼠标按下。其实三态按钮就是在不同的状态下使用不同图片和特效来表现自己。使用Qt的样式表或者鼠标事件可以很轻松达到上面的效果。但是，在这种情况下三态的切换是很唐突的，中间没有任何过度。大家观察一下QQ的UI，以它的关闭按钮为例。鼠标悬停时背景会变红，同时按钮会浮上来，按下时按钮会沉下去并且变暗。几个状态的切换是逐渐完成的，也就是有动画效果。这两天研究了一下，用Qt状态机+动画框架做了一个。效果图不好发，大家下载看吧。Qt4.8.4 +mingw4.4PS:随便弄了一个widget把按钮放到了右上角，widget缩放什么的没有实现完全。里面的5张PNG请放入正确的工作路径下，不然可是不显示按钮的啊。大家多提宝贵意见啊[ post]
buttons.rar (24 K) 下载次数:448 
[/post] 
buttons.rar (24 K) 下载次数:448 [/post]
...全文
请发表友善的回复…
发表回复
weixin_38126921 2019-09-19
- 打赏
- 举报
挺好，感谢分享，仔细的看过了代码，受益匪浅啊！
weixin_38128732 2019-09-19
- 打赏
- 举报
什么是状态机，都没用过
weixin_38066880 2019-09-19
- 打赏
- 举报
楼主有没有完整的整个界面？
weixin_38067090 2019-09-19
- 打赏
- 举报
牛人把那个png图片也发给我吧！谢谢！ dd52191i@126.com
weixin_38084861 2019-09-19
- 打赏
- 举报
不好意思看错了，还管你要png图片呵呵，罪过！
weixin_38085511 2019-09-19
- 打赏
- 举报
正确的工作路径是哪儿呢？
weixin_38093608 2019-09-19
- 打赏
- 举报
不错，特别是点击一下移动，这时整个窗体都透明了，以前都没有发现这个超炫的想法—— ——，不过就是缩放有点问题就是了，方向错了
weixin_38094055 2019-09-19
- 打赏
- 举报
好好 很强大
weixin_38102041 2019-09-19
- 打赏
- 举报
运行了一下，效果很赞！楼主的代码里面按钮的图片名字少了.png，一开始没显示出来！
weixin_38104763 2019-09-19
- 打赏
- 举报
哈哈，我又回来了，大家多提意见啊。
weixin_38109579 2019-09-19
- 打赏
- 举报
你又回来作甚 呵呵，有成熟的代码贴出来就是
weixin_38116935 2019-09-19
- 打赏
- 举报
很好，效果非常不错，正是需要的。
