Android DrawerLayout使用总结

梦里梦外; 2022-06-17 10:26 246阅读 0赞

# Android DrawerLayout使用总结 #

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

# 一．DrawerLayout的基础知识 #

## （一）DrawerLayout简介 ##

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

![s3][]

## （二）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">
        
        <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>
        
        <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>

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

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

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

android:layout_gravity="start"

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

android:layout_gravity="end"

### 2.代码控制 ###

#### （1）关闭侧边菜单栏 ####

mDrawerLayout.closeDrawers();

#### （二）打开侧边菜单栏 ####

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

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

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) {
    
                }
            });

其实到这里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) {
    
                }
            });
    
    
        }
    }

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

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

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

[s1]: /images/20220617/6d016fe9311a4f5083dd93dd44f8e120.png
[s2]: /images/20220617/e42616a62c8748c2a75b70becb2ad93b.png
[s3]: /images/20220617/3b01e9ac13f84a758eda216e8765f227.png
[http_download.csdn.net_detail_wenzhi20102321_9823238]: http://download.csdn.net/detail/wenzhi20102321/9823238