android组件--DrawerLayout（抽屉导航）

古城微笑少年丶 2022-05-28 05:46 253阅读 0赞

抽屉效果DrawerLayout就是侧滑菜单效果，效果和第三方库的slidingmenu类似。

DrawerLayout的使用很简单：

1.在布局文件中配置好DrawerLayout

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"  
        xmlns:tools="http://schemas.android.com/tools"  
        android:id="@+id/id_drawerlayout"  
        android:layout_width="match_parent"  
        android:layout_height="match_parent" >  
    
        <FrameLayout  
            android:id="@+id/id_framelayout"  
            android:layout_width="match_parent"  
            android:layout_height="match_parent" >  
            <Button  
                android:id="@+id/id_btn1"  
                android:layout_width="wrap_content"  
                android:layout_height="wrap_content"  
                android:text="1111" />  
        </FrameLayout> 
    
     
        <LinearLayout  
            android:id="@+id/id_drawer"  
            android:layout_width="240dp"  
            android:layout_height="match_parent"  
            android:layout_gravity="start"  
            android:background="#E0EEE0"  
            android:orientation="vertical" >  
                <ListView  
                android:id="@+id/id_lv"  
                android:layout_width="wrap_content"  
                android:layout_height="wrap_content"  
                android:divider="#CD853F"  
                android:dividerHeight="2dp" >  
            </ListView>  
        </LinearLayout>  
    </android.support.v4.widget.DrawerLayout>

在布局中设置好了DrawerLayout就已经可以实现抽屉效果了。

布局文件中需要注意以下几点：

①必须把DrawerLayout作为布局的根标签。

②DrawerLayout抽屉布局中需要指定layout\_gravity属性，官方说要用start代替left（左滑），end代替right（右滑）。

③抽屉布局的宽度最好不要超过320dp，这样做是为了当抽屉完全显示的时候，不会把内容布局全部遮挡。

2.在Activity中对抽屉布局中的listview进行赋值

mLv = (ListView) findViewById(R.id.id_lv);  
            str = new String[] { "item1", "item2", "item3"};  
            ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,  
                    android.R.layout.simple_list_item_1, str);  
            mLv.setAdapter(adapter);  
            mLv.setOnItemClickListener(this);

3.对DrawerLayout进行监听，添加监听器的时候有三种方法

①设置DrawerLayout.DrawerListener作为监听器类，里面包含4个回调方法，代码如下：

mDrawerLayout.setDrawerListener(new DrawerListener() {  
            /** 
             * 当抽屉滑动状态改变的时候被调用 
             * 状态值是STATE_IDLE（闲置--0）, STATE_DRAGGING（拖拽的--1）, STATE_SETTLING（固定--2）中之一。 
             * 抽屉打开的时候，点击抽屉，drawer的状态就会变成STATE_DRAGGING，然后变成STATE_IDLE 
            */  
            @Override  
            public void onDrawerStateChanged(int arg0) {  
                Log.i("drawer", "drawer的状态：" + arg0);  
            }  
            /** 
             * 当抽屉被滑动的时候调用此方法 
             * arg1 表示 滑动的幅度（0-1） 
             */  
            @Override  
            public void onDrawerSlide(View arg0, float arg1) {  
                Log.i("drawer", arg1 + "");  
            }  
            /** 
             * 当一个抽屉被完全打开的时候被调用 
             */  
            @Override  
            public void onDrawerOpened(View arg0) {  
                Log.i("drawer", "抽屉被完全打开了！");  
            }  
            /** 
             * 当一个抽屉完全关闭的时候调用此方法 
             */  
            @Override  
            public void onDrawerClosed(View arg0) {  
                Log.i("drawer", "抽屉被完全关闭了！");  
            }  
        });

②设置DrawerListener的子类SimpleDrawerListener，使用这个类的时候不必实现全部的回调函数，可以根据自己的需要重写相应的方法。

mDrawerLayout.setDrawerListener(new DrawerLayout.SimpleDrawerListener() {  
                @Override  
                public void onDrawerClosed(View drawerView) {  
                    super.onDrawerClosed(drawerView);  
                }  
                @Override  
                public void onDrawerOpened(View drawerView) {  
                    super.onDrawerOpened(drawerView);  
                }  
            });

③使用DrawerListener的子类ActionDrawerToggle。一般与ActionBar结合使用。

mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout,  
                    R.drawable.ic_drawer, R.string.drawer_open,  
                    R.string.drawer_close) {  
    @Override  
    public void onDrawerClosed(View drawerView) {  
        getActionBar().setTitle(mTitle);  
        invalidateOptionsMenu();  
    }  
    @Override  
    public void onDrawerOpened(View drawerView) {  
        getActionBar().setTitle(mDrawerTitle);  
        invalidateOptionsMenu();  
        }  
    };  
    mDrawerLayout.setDrawerListener(mDrawerToggle);

调用closeDrawer()和openDrawer()可以关闭和打开抽屉。

至此，抽屉效果就实现了。