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

时间：2017-04-24 19:02:12 阅读：221 评论：0 收藏：0 [点我收藏+]

标签：tools detail offset drawer 相等 default 样式 word lan

一讲到侧滑菜单，我相信大家都会想到一个开源控件SlidingMenu，在google还没有出来DrawerLayout的时候几乎都是使用Slidingmenu来实现侧滑效果，可以说是效果很不错，自从google出了Drawerlayout以后很多公司就使用了Drawerlayout比如滴滴打车等等。那么今天我们利用drawerlayout来实现qq6.6最新的侧滑效果。首先来看看Drawerlayout默认的效果：

技术分享

和目前最新版的qq的侧滑还是不一样的区别就是内容页面没有跟随向右滑动，而是菜单直接覆盖在内容上，来看一张QQ的样式图

技术分享

这样大家可以看到区别了，其实我们只要在滑动左面菜单的时候让内容页面跟随滑动就行了，首先我们看看DrawerLayout有没有给我们监听滑动的监听，哈哈，翻了一下源码我们找到了这个方法 onDrawerSize方法；只要实现setDrawerListener回调就行了代码如下：

[java] view plain copy

drawer.setDrawerListener(new DrawerLayout.DrawerListener() {
@Override
public void onDrawerSlide(View drawerView, float slideOffset) {
//获取屏幕的宽高
WindowManager manager = (WindowManager) getSystemService(Context.WINDOW_SERVICE);
Display display = manager.getDefaultDisplay();
//设置右面的布局位置根据左面菜单的right作为右面布局的left 左面的right+屏幕的宽度（或者right的宽度这里是相等的）为右面布局的right
right.layout(left.getRight(), 0, left.getRight() + display.getWidth(), display.getHeight());
}
@Override
public void onDrawerOpened(View drawerView) {
}
@Override
public void onDrawerClosed(View drawerView) {
}
@Override
public void onDrawerStateChanged(int newState) {
}
});

然后在看看我们改变的效果吧：

技术分享

是不是有那么点意思了呢，哈哈，今天就开到这里了。最后附上源码：https://github.com/dalong982242260/DrawLayoutMenu

上一篇WebView加载https的空白及图片加载不了的问题

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

标签：tools detail offset drawer 相等 default 样式 word lan

原文地址：http://www.cnblogs.com/xgjblog/p/6758208.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行