Android ViewDragHelper实现QQ侧滑边栏

骑猪看日落 2023-10-16 22:27 7阅读 0赞

**Android ViewDragHelper实现QQ侧滑边栏**

移动手机版的QQ的左边侧栏，有一个特殊的交互设计效果：当用户手指向右或向左滑动时，QQ的左边会弹出或收缩一个侧滑的边栏。这种效果简单的做法可以使用Android提供的NavigationView，DrawerLayout实现之（附录文章1,2,3），但如果要想做到QQ那样的精致效果，或许得使用Android ViewDragHelper。  
如图所示，即为使用Android ViewDragHelper，仿照QQ移动版的样式做出的交互效果：

![Center][]

工程的全部源代码我已经打包上传到CSDN供感兴趣者下载，CSDN下载链接地址：[http://download.csdn.net/download/zhangphil/9223701][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][http_blog.csdn.net_zhangphil_article_details_48931221]  
【文章2】《基于Android官方DrawerLayout实现抽屉导航菜单》链接地址：[http://blog.csdn.net/zhangphil/article/details/48710453][http_blog.csdn.net_zhangphil_article_details_48710453]  
【文章3】《集成Android SlidingMenu（SlideMenu）》链接地址：[http://blog.csdn.net/zhangphil/article/details/44078805][http_blog.csdn.net_zhangphil_article_details_44078805]  
【文章4】《Android动画循环弹动cycleInterpolator》链接地址：[http://blog.csdn.net/zhangphil/article/details/49449935][http_blog.csdn.net_zhangphil_article_details_49449935]  
【文章5】《基于开源框架Glide加载Gif资源图到Android ImageView中》链接地址：[http://blog.csdn.net/zhangphil/article/details/45561983][http_blog.csdn.net_zhangphil_article_details_45561983]  
【文章6】《Android图片加载与缓存开源框架：Android Glide》链接地址：[http://blog.csdn.net/zhangphil/article/details/45535693][http_blog.csdn.net_zhangphil_article_details_45535693]

[Center]: https://img-blog.csdn.net/20151029152640723?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[http_download.csdn.net_download_zhangphil_9223701]: http://download.csdn.net/download/zhangphil/9223701
[http_blog.csdn.net_zhangphil_article_details_48931221]: http://blog.csdn.net/zhangphil/article/details/48931221
[http_blog.csdn.net_zhangphil_article_details_48710453]: http://blog.csdn.net/zhangphil/article/details/48710453
[http_blog.csdn.net_zhangphil_article_details_44078805]: http://blog.csdn.net/zhangphil/article/details/44078805
[http_blog.csdn.net_zhangphil_article_details_49449935]: http://blog.csdn.net/zhangphil/article/details/49449935
[http_blog.csdn.net_zhangphil_article_details_45561983]: http://blog.csdn.net/zhangphil/article/details/45561983
[http_blog.csdn.net_zhangphil_article_details_45535693]: http://blog.csdn.net/zhangphil/article/details/45535693