码迷,mamicode.com
首页 > 其他好文 > 详细

(转载)实现QQ侧滑边栏

时间:2015-11-19 23:51:31      阅读:246      评论:0      收藏:0      [点我收藏+]

标签:

                  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

(转载)实现QQ侧滑边栏

标签:

原文地址:http://www.cnblogs.com/zzw1994/p/4979269.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!