DrawerLayout

作者: cxm11 | 来源:发表于2016-04-17 12:10 被阅读6246次

    使用注意事项:

    • 主内容视图一定要是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分为侧边菜单和主内容区两部分,侧边菜单可以根据手势展开与隐藏,主内容区的部分可以随着菜单的点击而变化(需要自己实现)。

    DrawerLayout其实是一个布局控件,跟LinearLayout等控件是一个东西,但是DrawerLayout带有滑动的功能。

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    
    <android.support.v4.widget.DrawerLayout        
    xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/drawer_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
    
        <!-- 主要内容的视图-->
        <!-- main content must be the first element of DrawerLayout because it will be drawn first and drawer must be on top of it -->
    
        <FrameLayout            android:id="@+id/content_frame"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    
        <!-- 导航菜单 -->
    
        <ListView            android:id="@+id/left_drawer"
            android:layout_width="240dp"
            android:layout_height="match_parent"
            android:layout_gravity="left"
            android:background="#111"
            android:choiceMode="singleChoice"
            android:divider="@android:color/transparent"
            android:dividerHeight="0dp" />
    </android.support.v4.widget.DrawerLayout>    
    </RelativeLayout>
    

    DrawerLayout的第一个子元素是主要内容,即抽屉没有打开时显示的布局。这里采用了一个Fragment,里面什么也没有放。

    DrawerLayout的第二个子元素是抽屉中的内容,即抽屉布局,这里采用了一个ListView。

    添加监听器
    1. 设置DrawerLayout.DrawerListener作为监听器,里面包含四个回调函数
    mDrawerLayout.setDrawerListener(new DrawerListener() {
    /**
    * 当抽屉滑动状态改变的时候被调用
    * 状态值是STATE_IDLE(闲置-0),STATE_DRAGGING(拖拽-1),STATE_SETTLING(固定-2)中之一。
    * 抽屉打开的时候,点击抽屉,drawer的状态就会变成STATE_DRAGGING,然后变成STATE_IDLE
    */
    @Override
    public void onDrawerStateChanged(int arg0) {
    }
    /**
    * 当抽屉被滑动的时候调用此方法
    * arg1 表示 滑动的幅度(0-1)
    */
    @Override
    public void onDrawerSlide(View arg0, float arg1) {
    }
    /** 
    * 当一个抽屉被完全打开的时候被调用
    */
    @Override
    public void onDrawerOpened(View arg0) {
    }
    //当一个抽屉完全关闭的时候调用此方法
    @Override
    public void onDrawerClosed(View arg0) {
    }
    });
    
    1. 设置DrawerListener的子类SimpleDrawerListener,使用这个类的时候不必实现全部的回调函数,可以根据自己的需要重写相应的方法。
    mDrawerLayout.setDrawerListener (new DrawerLayout.SimpleDrawerListener() {
    @Override
    public void onDrawerClosed(View drawerView) {
    }
    @Override
    public void onDrawerOpened(View drawerView) {
    }
    });
    

    参考
    android组件之DrawerLayout(抽屉导航)-- 侧滑菜单效果

    相关文章

      网友评论

      本文标题:DrawerLayout

      本文链接:https://www.haomeiwen.com/subject/jhanlttx.html