• 14198阅读
  • 18回复

发一个带有切换效果的三态按钮 [复制链接]

上一主题 下一主题
离线ffii4455
 

只看楼主 倒序阅读 楼主  发表于: 2013-03-27
三态——正常、鼠标悬停、鼠标按下。


其实三态按钮就是在不同的状态下使用不同图片和特效来表现自己。
使用Qt的样式表或者鼠标事件可以很轻松达到上面的效果。
但是,在这种情况下三态的切换是很唐突的,中间没有任何过度。
大家观察一下QQ的UI,以它的关闭按钮为例。鼠标悬停时背景会变红,同时按钮会浮上来,按下时按钮会沉下去并且变暗。几个状态的切换是逐渐完成的,也就是有动画效果。


这两天研究了一下,用Qt状态机+动画框架做了一个。效果图不好发,大家下载看吧。


Qt4.8.4 +mingw4.4


PS:随便弄了一个widget把按钮放到了右上角,widget缩放什么的没有实现完全。
里面的5张PNG请放入正确的工作路径下,不然可是不显示按钮的啊。大家多提宝贵意见啊
[    post] buttons.rar (24 K) 下载次数:461       [/post]




离线jdwx

只看该作者 1楼 发表于: 2013-03-27
回 楼主(ffii4455) 的帖子
最好发几个截图上来,便于大家看效果。
发帖时要说明:操作系统、Qt版本、编译器,这样能更快的得到回复。
离线ffii4455

只看该作者 2楼 发表于: 2013-03-27
回 1楼(jdwx) 的帖子
我发图老是上传失败。。。。
离线ffii4455

只看该作者 3楼 发表于: 2013-03-27
回 3楼(jdwx) 的帖子
我放到相册里才行。。。
离线xsjqqq123

只看该作者 4楼 发表于: 2013-03-27
楼主有没有完整的整个界面?
离线ffii4455

只看该作者 5楼 发表于: 2013-03-28
回 4楼(xsjqqq123) 的帖子
你下载了,编译运行不就是了。
离线dd52191i

只看该作者 6楼 发表于: 2013-03-30
牛人把那个png图片也发给我吧!谢谢! dd52191i@126.com
离线dd52191i

只看该作者 7楼 发表于: 2013-03-30
不好意思看错了,还管你要png图片呵呵,罪过!
离线wangzhiyu811
只看该作者 8楼 发表于: 2013-07-02
正确的工作路径是哪儿呢?
离线ffii4455

只看该作者 9楼 发表于: 2013-07-06
回 8楼(wangzhiyu811) 的帖子
你要是用qtcreator运行的话,就是构建目录。
要是用exe运行的话,和exe放在一起就好
离线pamxy

只看该作者 10楼 发表于: 2013-07-25
不错,特别是点击一下移动,这时整个窗体都透明了,以前都没有发现这个超炫的想法—— ——,不过就是缩放有点问题就是了,方向错了
你不是最优秀的,但你可以成为最优秀的, you are the best!
离线neil-wen

只看该作者 11楼 发表于: 2013-08-14
好好  很强大
离线0354030w

只看该作者 12楼 发表于: 2013-08-14
运行了一下,效果很赞!楼主的代码里面按钮的图片名字少了.png,一开始没显示出来!
离线ffii4455

只看该作者 13楼 发表于: 2013-10-09
哈哈,我又回来了,大家多提意见啊。
离线toby520

只看该作者 14楼 发表于: 2013-10-10
你又回来作甚 呵呵,有成熟的代码贴出来就是
QtQML多多指教开发社区 http://qtclub.heilqt.com
将QtCoding进行到底
关注移动互联网,关注金融
开发跨平台客户端,服务于金融行业
专业定制界面
群号:312125701   373955953(qml控件定做)
离线ffii4455

只看该作者 15楼 发表于: 2013-10-10
回 14楼(toby520) 的帖子
上班了没时间啊,做协议栈用不上Qt。如何工作与爱好兼得啊。。。。
离线weaver2007

只看该作者 16楼 发表于: 2014-05-05
很好,效果非常不错,正是需要的。
离线zxt0504

只看该作者 17楼 发表于: 2014-05-14
挺好,感谢分享,仔细的看过了代码,受益匪浅啊!
离线自强不吸

只看该作者 18楼 发表于: 2014-05-16
什么是状态机,都没用过
自强不吸!
快速回复
限100 字节
 
上一个 下一个