Android开发之DrawerLayout实现抽屉效果

谷歌官方推出了一种侧滑菜单的实现方式(抽屉效果),即 DrawerLayout,这个类是在Support Library里的,需要加上android-support-v4.jar这个包。

使用注意点

1、DrawerLayout的第一个子元素必须是默认内容,即抽屉没有打开时显示的布局(如FrameLayout),后面紧跟的子元素是抽屉内容,即抽屉布局(如ListView)。

2、抽屉菜单的摆放和布局通过android:layout_gravity属性来控制,可选值为left、right或start、end。

3、抽屉菜单的宽度为 dp 单位而高度和父View一样。抽屉菜单的宽度应该不超过320dp,这样用户可以在菜单打开的时候看到部分内容界面。

4、打开抽屉: DrawerLayout .openDrawer(); 关闭抽屉:DrawerLayout.closeDrawer( );

一个典型的布局实例:


    
    
    
    
    
        
        
    
    
    
        
        
    

这里存放的是ListView,下面会讲配合 Android M推出的NavigationView

遇到的问题

1、在点击DrawerLayout中的空白处的时候,底部的content会获得事件。
由于Google的demo是一个ListView,所以ListView会获得焦点,事件就不会传递了,看不出来问题。但是如果用的include加载的布局,会出现这个情况,那么如何解决?
解决办法:在include进的那个布局里面,添加clickable=true

2、除了抽屉的布局视图之外的视图究竟放哪里
左、右抽屉和中间内容视图默认是不显示的,其他布局视图都会直接显示出来,但是需要将其放在 DrawerLayout 内部才能正常使用(不要放在外面),否则要么是相互覆盖,或者就是触屏事件失效,滚动等效果全部失效。

3、去除左右抽屉划出后内容显示页背景的灰色?
drawerLayout.setScrimColor(Color.TRANSPARENT);

4、如何填充抽屉的划出后与屏幕边缘之间的内容(即上面的灰色部分)?
drawerLayout.setDrawerShadow(Drawable shadowDrawable, int gravity)
drawerLayout.setDrawerShadow(int resId, int gravity)

配合NavigationView实现抽屉菜单

NavigationView是Android M中提出一个新的MD风格的组件,它将自己一分为二,上面显示一个通用的布局,下面显示一组菜单。与DrawerLayout一起使用可以实现通用的侧滑菜单,布局如下




    
        
    

     //导航的底部菜单

header.xml,很简单




    

    

    

menu_drawer_left.xml,就构造四个简单菜单




    
    
    
    


实现效果图

Android开发之DrawerLayout实现抽屉效果_第1张图片
DrawerLayout + NavigationView.png

你可能感兴趣的:(Android开发之DrawerLayout实现抽屉效果)