发一个带有切换效果的三态按钮

weixin_38063515 2019-09-19 01:56:37
三态——正常、鼠标悬停、鼠标按下。其实三态按钮就是在不同的状态下使用不同图片和特效来表现自己。使用Qt的样式表或者鼠标事件可以很轻松达到上面的效果。但是,在这种情况下三态的切换是很唐突的,中间没有任何过度。大家观察一下QQ的UI,以它的关闭按钮为例。鼠标悬停时背景会变红,同时按钮会浮上来,按下时按钮会沉下去并且变暗。几个状态的切换是逐渐完成的,也就是有动画效果。这两天研究了一下,用Qt状态机+动画框架做了一个。效果图不好发,大家下载看吧。Qt4.8.4 +mingw4.4PS:随便弄了一个widget把按钮放到了右上角,widget缩放什么的没有实现完全。里面的5张PNG请放入正确的工作路径下,不然可是不显示按钮的啊。大家多提宝贵意见啊[    post] buttons.rar (24 K) 下载次数:448       [/post]
...全文
121 12 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
12 条回复
切换为时间正序
请发表友善的回复…
发表回复
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
  • 打赏
  • 举报
回复
很好,效果非常不错,正是需要的。

473

社区成员

发帖
与我相关
我的任务
社区描述
其他技术讨论专区
其他 技术论坛(原bbs)
社区管理员
  • 其他技术讨论专区社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧