(转载)实现QQ侧滑边栏
2015-12-21 19:09
260 查看
Android ViewDragHelper实现QQ侧滑边栏
移动手机版的QQ的左边侧栏,有一个特殊的交互设计效果:当用户手指向右或向左滑动时,QQ的左边会弹出或收缩一个侧滑的边栏。这种效果简单的做法可以使用Android提供的NavigationView,DrawerLayout实现之(附录文章1,2,3),但如果要想做到QQ那样的精致效果,或许得使用Android ViewDragHelper。
如图所示,即为使用Android ViewDragHelper,仿照QQ移动版的样式做出的交互效果:
移动手机版的QQ的左边侧栏,有一个特殊的交互设计效果:当用户手指向右或向左滑动时,QQ的左边会弹出或收缩一个侧滑的边栏。这种效果简单的做法可以使用Android提供的NavigationView,DrawerLayout实现之(附录文章1,2,3),但如果要想做到QQ那样的精致效果,或许得使用Android ViewDragHelper。
如图所示,即为使用Android ViewDragHelper,仿照QQ移动版的样式做出的交互效果:
工程的全部源代码我已经打包上传到CSDN供感兴趣者下载,CSDN下载链接地址:http://download.csdn.net/download/zhangphil/9223701 下载解压后,直接导入到Eclipse,作为一个Android application运行即可。 标题栏中左上角的动画shake,具体详情参考附录文章4。 在MainActivity.java中,加载图标使用了Glide,关于Glide的内容,参考附录文章5,6。 附录我写一部分参考文章: 【文章1】《Android Material Design: NavigationView抽屉导航菜单》链接地址:http://blog.csdn.net/zhangphil/article/details/48931221 【文章2】《基于Android官方DrawerLayout实现抽屉导航菜单》链接地址:http://blog.csdn.net/zhangphil/article/details/48710453 【文章3】《集成Android SlidingMenu(SlideMenu)》链接地址:http://blog.csdn.net/zhangphil/article/details/44078805 【文章4】《Android动画循环弹动cycleInterpolator》链接地址:http://blog.csdn.net/zhangphil/article/details/49449935 【文章5】《基于开源框架Glide加载Gif资源图到Android ImageView中》链接地址:http://blog.csdn.net/zhangphil/article/details/45561983 【文章6】《Android图片加载与缓存开源框架:Android Glide》链接地址:http://blog.csdn.net/zhangphil/article/details/45535693
相关文章推荐
- 151221 HAoi2015 总结
- python 网络爬虫(一):世界上最简单的Web浏览器
- JAVA同步容器使用心得
- 数据库字段顺序的【坑】
- 读书笔记--Intent
- 有限状态机FSM
- 主键ID、时间转化工具类
- 图片加载与缓存利器(自动缓存)--第三方开源-- Glide
- C语言 - printf的占位符(%) 异常
- 内存申请malloc可能引发的问题
- ComboBox 强制转换为大写的方法
- 密码存储相关总结
- Linux下Tomcat重新启动
- easyui中ajax笔记
- POJ3176 DP水题
- cin>>i的返回值的问题 & cin输入流
- Cocos2d-x Layout简单使用
- LeetCode 234:Palindrome Linked List
- javascript 将xml字符串转换成json对象
- 协议 Protocol 的使用