社区
其他技术讨论专区
帖子详情
发一个带有切换效果的三态按钮
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
打赏
收藏
发一个带有切换效果的三态按钮
三态——正常、鼠标悬停、鼠标按下。其实三态按钮就是在不同的状态下使用不同图片和特效来表现自己。使用Qt的样式表或者鼠标事件可以很轻松达到上面的效果。但是,在这种情况下三态的切换是很唐突的,中间没有任何过度。大家观察一下QQ的UI,以它的关闭按钮为例。鼠标悬停时背景会变红,同时按钮会浮上来,按下时按钮会沉下去并且变暗。几个状态的切换是逐渐完成的,也就是有动画效果。这两天研究了一下,用Qt状态机+动画框架做了一个。效果图不好发,大家下载看吧。Qt4.8.4 +mingw4.4PS:随便弄了一个wid
复制链接
扫一扫
分享
转发到动态
举报
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
打赏
举报
回复
很好,效果非常不错,正是需要的。
SwitchButton 开关
按钮
的多种实现方式源码
在Android开
发
中,`SwitchButton`(也称为开关
按钮
或
切换
按钮
)是一种常见的UI元素,用于用户在两种状态之间进行
切换
。它通常表现为
一个
滑动开关,用户可以通过滑动来改变其状态,如开启或关闭某项功能。本文将详细...
Android仿微信底部菜单栏+顶部菜单栏(附源码)
在"TabExample"这个示例中,开
发
者可能已经创建了
一个
简单的
带有
底部菜单栏和顶部菜单栏的项目。源代码可能会包含以下几个关键部分: - `activity_main.xml`:布局文件,包含`BottomNavigationView`和`Toolbar`。 - ...
JavaScript点击
按钮
切换
图片实例
方法二:通过
切换
CSS 类来改变图片的样式,使用多张图片的背景图来实现
切换
效果
。方法一:使用
一个
数组保存多张图片的源文件,通过改变图片元素的。方法一通过改变图片元素的。在这两种方法中,我们通过点击
按钮
...
多个相邻
按钮
切换
效果
出现边框重叠问题的解决方法
多个
按钮
切换
时处于选中状态
按钮
的边框出现重叠问题的解决方法 element和ant-design中对于这种多
按钮
切换
时边框重叠问题的解决方法相同,具体如下: 在这里插入代码片 ...
1、Axure9.0实现简单的导航
切换
或tab
切换
效果
使用Axure9.0实现简单的web端导航栏的
切换
效果
或者APP底部的tab
切换
效果
,主要做了三种模式,如下图: 1、构建基本的
切换
框架图 2、设置交互 2.1导航一
效果
设计 (1)选中需要设置的交互元件,后点击交互...
其他技术讨论专区
473
社区成员
791,200
社区内容
发帖
与我相关
我的任务
其他技术讨论专区
其他技术讨论专区
复制链接
扫一扫
分享
社区描述
其他技术讨论专区
其他
技术论坛(原bbs)
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章