Android DrawerLayout使用总结

Android DrawerLayout使用总结

DrawerLayout是google官方的可以很方便就显示侧边栏效果的类。我最近在网上看了一下资料别人的资料，感觉都是什么乱七八糟的！很多都是官方的代码，然后随意讲解一下，包括那几个大牛，写得都是比较难让人理解，所以我决定写一个介绍，帮助大家更方便理解。

一．DrawerLayout的基础知识

（一）DrawerLayout简介

DrawerLayout是V4 Library包中实现了侧滑菜单效果的控件，可以说drawerLayout是因为第三方控件如MenuDrawer等的出现之后，google借鉴而出现的产物。drawerLayout分为侧边菜单和主内容区两部分，侧边菜单可以根据手势展开与隐藏（drawerLayout自身特性），主内容区的内容可以随着菜单的点击而变化（这需要使用者自己实现）。
本文程序效果：
1

2

3

（二）DrawerLayout的使用，两个部分，一个是布局文件，另一个是java代码控制

1.布局文件

<?xml version="1.0" encoding="utf-8"?>
<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">
    <!-- The main content view  ···没滑动前显示的页面布局 -->
    <LinearLayout
            android:id="@+id/content"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            >
    <LinearLayout
            android:id="@+id/content"
            android:layout_width="match_parent"
            android:layout_height="30dp"
            android:orientation="horizontal"
            android:background="#f00"
            >
        <TextView
                android:id="@+id/tv_menu"
                android:layout_width="40dp"
                android:layout_height="match_parent"
                android:text="菜单"
                android:gravity="center"
               android:clickable="true"
                />
        <TextView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:text="显示的页面信息"
                android:gravity="center"
                />
            </LinearLayout>

      <TextView
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:text="其他内容"
              android:gravity="center"
              />
    </LinearLayout>
    <!-- The navigation drawer ···滑动出来后显示的菜单栏页面布局 -->
    <LinearLayout
            android:id="@+id/left"
            android:layout_width="240dp"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:layout_gravity="start"
            >
    <ListView android:id="@+id/left_drawer"
              android:layout_width="240dp"
              android:layout_height="match_parent"
              android:choiceMode="singleChoice"
              android:divider="@android:color/transparent"
              android:dividerHeight="0dp"
              android:background="#fff"/>
    </LinearLayout>
</android.support.v4.widget.DrawerLayout>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60

讲解一下：DrawerLayout布局可以包括两个部分，这两个部分既可以是一个控件也可以是一个布局，其中第一个部分是默认显示的主体内容，第二部分是菜单栏，需要设置不显示。

这里要注意：这里菜单栏部分的布局必须要设置属性：android:layout_gravity，侧边栏才不会显示，否则侧边菜单栏默认会直接显示在页面！

如果想要侧边菜单栏从左边出来可以设置：

 android:layout_gravity="start"
1

如果想要侧边菜单栏从右边出来可以设置：

 android:layout_gravity="end"
1

2.代码控制

（1）关闭侧边菜单栏

 mDrawerLayout.closeDrawers();   
1

（二）打开侧边菜单栏

 mDrawerLayout.openDrawer(left); 
 //上面的left既可以是菜单栏的布局对象，也可以是菜单栏的布局id
1
2

（三）监听侧边菜单栏打开或关闭的状态

  mDrawerLayout.setDrawerListener(new DrawerLayout.DrawerListener() {
            @Override
            public void onDrawerSlide(View view, float v) {

            }

            @Override
            public void onDrawerOpened(View view) {
                Toast.makeText(MyActivity.this, "打开了侧边栏" , Toast.LENGTH_LONG).show();
            }

            @Override
            public void onDrawerClosed(View view) {
                Toast.makeText(MyActivity.this, "关闭了侧边栏" , Toast.LENGTH_LONG).show();
            }

            @Override
            public void onDrawerStateChanged(int i) {

            }
        });
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

其实到这里DrawerLayout已经够用了，但是很多文章介绍什么ActionBar，搞一大堆解释，而且占了文章的大部分内容！其实没必要，现在ActionBar用得很少了。

这里贴一下，我的java代码：

package com.example.NavigationDemo;

import android.app.Activity;
import android.os.Bundle;
import android.support.v4.widget.DrawerLayout;
import android.view.View;
import android.widget.*;

import java.util.ArrayList;
import java.util.List;

/**
 * Called when the activity is first created.
 */
public class MyActivity extends Activity {

    private List<String> mPlanetTitles = new ArrayList<String>();
    private DrawerLayout mDrawerLayout;
    private LinearLayout left;
    private ListView mDrawerList;
    private TextView tv_menu;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        initView();
        initData();
        initEvent();

    }


    private void initView() {
        mDrawerList = (ListView) findViewById(R.id.left_drawer);
        mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
        left= (LinearLayout) findViewById(R.id.left);
        tv_menu= (TextView) findViewById(R.id.tv_menu);
    }

    private void initData() {
        for (int i = 0; i < 10; i++) {
            mPlanetTitles.add("left---Line" + i);
        }
        //创建并设置适配器
        ArrayAdapter adapter = new ArrayAdapter(this, android.R.layout.activity_list_item, android.R.id.text1, mPlanetTitles);
        mDrawerList.setAdapter(adapter);
    }


    private void initEvent() {
        //设置ListView的点击条目事件 ,选中后让菜单栏消失
        mDrawerList.setOnItemClickListener(new AdapterView.OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                Toast.makeText(MyActivity.this, "点击了" + position, Toast.LENGTH_LONG).show();
                mDrawerLayout.closeDrawers();   //关闭侧边栏的菜单
            }
        });

       //点击菜单按钮，显示菜单
        tv_menu.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mDrawerLayout.openDrawer(left);  //显示左边的菜单栏的控制
            }
        });

        //监听侧边菜单栏打开或关闭的状态
        mDrawerLayout.setDrawerListener(new DrawerLayout.DrawerListener() {
            @Override
            public void onDrawerSlide(View view, float v) {

            }
            //打开菜单栏后触发的方法
            @Override
            public void onDrawerOpened(View view) {
                Toast.makeText(MyActivity.this, "打开了侧边栏" , Toast.LENGTH_LONG).show();
            }
            //关闭菜单栏后触发的方法
            @Override
            public void onDrawerClosed(View view) {
                Toast.makeText(MyActivity.this, "关闭了侧边栏" , Toast.LENGTH_LONG).show();
            }

            @Override
            public void onDrawerStateChanged(int i) {

            }
        });


    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95

源码资源也提供給大家参考：
http://download.csdn.net/detail/wenzhi20102321/9823238

很多时候像这种兼容包的工程运行不了，报的SDK的错，可能要将SDK的最低版本调低，我这里调了 才能运行！

共勉：有时候我们以为时间是够的，但是都最后我们发现，很多次我们以为时间够的时候，其实时间已经不够了，可怕的是我们当时没有察觉，不管是生活还是像炒股那样，止损是非常重要的，不要等到无法挽回的时候再去后悔！