DrawerLayout-侧滑菜单

DrawerLayout是在android.support.v4包下,实现了侧滑菜单效果的控件。是第三方侧滑控件如MenuDrawer等的出现之后,google借鉴而出现的产物。




使用注意事项:

主内容视图一定要是DrawerLayout的第一个子视图

主内容视图宽度和高度需要match_parent

必须显示指定侧滑视图的android:layout_gravity属性android:layout_gravity = "start"时,从左向右滑出菜单;android:layout_gravity = "end"时,从右向左滑出菜单,不推荐使用left和right

侧滑视图的宽度以dp为单位,不建议超过320dp(为了总能看到一些主内容视图)

设置侧滑时间:mDrawerLayout.setDrawerListener(DrawerLayout.DrawerListener);

可以结合Toolbar使用当用户点击Toolbar上的应用图标,弹出侧滑菜单


简单使用:

布局文件:

DrawerLayout-侧滑菜单_第1张图片

效果如下:

DrawerLayout-侧滑菜单_第2张图片
1

也可以为页面增加左右两边的侧滑菜单栏:

DrawerLayout-侧滑菜单_第3张图片

效果如下:

DrawerLayout-侧滑菜单_第4张图片
2

代码控制菜单弹出收起:

drawer.openDrawer(GravityCompat.START);   //打开左边的菜单

drawer.openDrawer(GravityCompat.END);   //打开右边的菜单

drawer.closeDrawer(GravityCompat.START);   //关闭左边的菜单

drawer.closeDrawer();    //不带参数,关闭所有的菜单


控制菜单位置

android:layout_gravity="left"  <==>  android:layout_gravity="start"

android:layout_gravity="right"  <==>  android:layout_gravity="end"


DrawerLayout监听器

DrawerLayout-侧滑菜单_第5张图片


DrawerLayout-侧滑菜单_第6张图片



DrawerLayout配合ToolBar快速实现高大上的侧滑菜单:

效果预览

DrawerLayout-侧滑菜单_第7张图片
3

布局文件

DrawerLayout-侧滑菜单_第8张图片


设定ToggledrawerToggle为DrawerLayout的滑动监听器:

DrawerLayout-侧滑菜单_第9张图片

完事!




参考

http://www.jianshu.com/p/65f268f01dce

你可能感兴趣的:(DrawerLayout-侧滑菜单)