QQ5.0 新版侧滑菜单效果实现！

最新推荐文章于 2021-05-28 21:48:48 发布

AllenJuns

最新推荐文章于 2021-05-28 21:48:48 发布

阅读量1.1k

点赞数

分类专栏： Android开发文章标签： Android QQ 侧滑菜单 ResideMenu

本文链接：https://blog.csdn.net/zhaiyuanjun/article/details/38560117

版权

Android开发专栏收录该内容

2 篇文章 0 订阅

订阅专栏

最近QQ Android最新版本5.0，在侧滑菜单中，不是像平时使用的Sildermenu，
点击侧滑动画效果感觉有点高尚大,模仿IOS风格的侧边侧滑菜单，效果相当不错，

之前在IOS平台见到过这样的效果，于是我就试着查找一下怎么实现：

　　

先看下IOS平台下的实现效果：

IOS平台下该控件的开源地址：https://github.com/romaonthego/RESideMenu

那在Android平台的呢？
经过我的一番搜索，终于在Github中发现个Android平台下的开源项目，叫ResideMenu 。

项目地址：https://github.com/SpecialCyCi/AndroidResideMenu

ResideMenu的实现原理：
点击按钮画面缩小为50%同时向右侧滑动至中间位置，也可以向右滑动，然后那几个个菜单项就会带着动画出现，动画这里用的是nineoldandroids的兼容包，在整个过程中有三个东西要理解，一是菜单view，二是内容view，还有就是承载他们的父view，在点击后调用AnimatorSet组合动画把内容view向右改变，然后在把菜单view加进来。

代码实现：

 
           // attach to current activity; 
          
           resideMenu =  
           new  
           ResideMenu( 
           this 
           ); 
          
           resideMenu.setBackground(R.drawable.menu_background); 
          
           resideMenu.attachToActivity( 
           this 
           ); 
          
           // create menu items; 
          
           String titles[] = {  
           "Home" 
           ,  
           "Profile" 
           ,  
           "Calendar" 
           ,  
           "Settings"  
           }; 
          
           int  
           icon[] = { R.drawable.icon_home, R.drawable.icon_profile, R.drawable.icon_calendar, R.drawable.icon_settings }; 
          
           for  
           ( 
           int  
           i =  
           0 
           ; i < titles.length; i++){ 
          
           ResideMenuItem item =  
           new  
           ResideMenuItem( 
           this 
           , icon[i], titles[i]); 
          
           item.setOnClickListener( 
           this 
           ); 
          
           resideMenu.addMenuItem(item); 
          
           }