Android使用DrawerLayout仿qq6.6版本侧滑效果

于今腐草无萤火,终古垂杨有暮鸦。这篇文章主要讲述Android使用DrawerLayout仿qq6.6版本侧滑效果相关的知识,希望能为你提供帮助。
  一讲到侧滑菜单,我相信大家都会想到一个开源控件SlidingMenu,在google还没有出来DrawerLayout的时候几乎都是使用Slidingmenu来实现侧滑效果,可以说是效果很不错,自从google出了Drawerlayout以后很多公司就使用了Drawerlayout比如 滴滴打车等等。那么今天我们利用drawerlayout来实现qq6.6最新的侧滑效果。首先来看看Drawerlayout默认的效果:

Android使用DrawerLayout仿qq6.6版本侧滑效果

文章图片

 
和目前最新版的qq的侧滑还是不一样的区别就是内容页面没有跟随向右滑动,而是菜单直接覆盖在内容上,来看一张QQ的样式图
Android使用DrawerLayout仿qq6.6版本侧滑效果

文章图片

 
 
这样大家可以看到区别了,其实我们只要在滑动左面菜单的时候让内容页面跟随滑动就行了,首先我们看看DrawerLayout有没有给我们监听滑动的监听,哈哈,翻了一下源码我们找到了这个方法 onDrawerSize方法;只要实现setDrawerListener回调就行了代码如下:
 
[java]  view plain  copy  
  1. drawer.setDrawerListener(new  DrawerLayout.DrawerListener()  {   
  2.                       @Override   
  3.                       public  void  onDrawerSlide(View  drawerView,  float  slideOffset)  {   
  4.                               //获取屏幕的宽高   
  5.                               WindowManager  manager  =  (WindowManager)  getSystemService(Context.WINDOW_SERVICE);    
  6.                               Display  display  =  manager.getDefaultDisplay();    
  7.                               //设置右面的布局位置    根据左面菜单的right作为右面布局的left      左面的right+屏幕的宽度(或者right的宽度这里是相等的)为右面布局的right   
  8.                               right.layout(left.getRight(),  0,  left.getRight()  +  display.getWidth(),  display.getHeight());    
  9.                       }   
  10.                       @Override   
  11.                       public  void  onDrawerOpened(View  drawerView)  {   
  12.                                  
  13.                       }   
  14.                       @Override   
  15.                       public  void  onDrawerClosed(View  drawerView)  {   
  16.                                  
  17.                       }   
  18.                       @Override   
  19.                       public  void  onDrawerStateChanged(int  newState)  {   
  20.                                  
  21.                       }   
  22.               });    

然后在看看我们改变的效果吧: 
Android使用DrawerLayout仿qq6.6版本侧滑效果

文章图片

 
【Android使用DrawerLayout仿qq6.6版本侧滑效果】是不是有那么点意思了呢,哈哈,今天就开到这里了。最后附上源码:https://github.com/dalong982242260/DrawLayoutMenu
   


    推荐阅读