DrawerLayout的使用

原创 2016年06月02日 17:39:19

DrawerLayout是Android官方提供的侧滑抽屉控件,通过它可以很方便的实现侧滑界面。

首先,编写工程的布局文件:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"
    tools:context="com.example.drawerviewtest.MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!" />

    <android.support.v4.widget.DrawerLayout
        android:id="@+id/drawer_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent">


        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <TextView
                android:id="@+id/content_text"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="#AABBCC"
                android:text="I'm content."/>

        </LinearLayout>

        <LinearLayout
            android:layout_width="300dp"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:background="#FF99FF"
            android:layout_gravity="start" >

            <TextView
                android:id="@+id/text_a"
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:background="#FFFFFF"
                android:layout_marginTop="4dp"
                android:text="AAAAAA" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:background="#FFFFFF"
                android:layout_marginTop="4dp"
                android:text="BBBBBB" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:background="#FFFFFF"
                android:layout_marginTop="4dp"
                android:text="CCCCCC" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:background="#FFFFFF"
                android:layout_marginTop="4dp"
                android:text="DDDDDD" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:background="#FFFFFF"
                android:layout_marginTop="4dp"
                android:text="EEEEEE" />

        </LinearLayout>



    </android.support.v4.widget.DrawerLayout>


</LinearLayout>

DrawLayout标签中应当包含至少两个子View,
第一个子View是内容视图,
第二个子View是Drawer视图。

在这里对应XML中两个LinearLayout。
对于这两个子View的属性,DrawerLayout还有以下特殊要求:

项目 其他
Content match_parent match_parent
Drawer 制定宽度 match_parent 需要layout_gravity

现在直接运行,就可以操作侧滑菜单了,但是没有任何作用——因为我们还没有添加任何的点击事件和回调函数。

侧滑菜单状态的监听
DrawerLayout的状态可以通过其提供的回调函数监听到,我们在Activity中添加侧滑彩蛋的回调函数:

        private DrawerLayout mDrawer;

        mDrawer = (DrawerLayout) findViewById(R.id.drawer_main);

        mDrawer.addDrawerListener(new DrawerLayout.DrawerListener() {
            @Override
            public void onDrawerSlide(View drawerView, float slideOffset) {
                //Log.i(TAG, "--- onDrawerSlide");
            }

            @Override
            public void onDrawerOpened(View drawerView) {
                Log.i(TAG, "--- onDrawerOpened");
            }

            @Override
            public void onDrawerClosed(View drawerView) {
                Log.i(TAG, "--- onDrawerClosed");
            }

            @Override
            public void onDrawerStateChanged(int newState) {
                Log.i(TAG, "--- onDrawerStateChanged");
            }
        });

在回调函数中可以监听到滑动打开关闭状态改变这些信息。

对于侧滑菜单中菜单项的点击事件,由于Drawer中的内容就是普通的布局文件,因此仍旧通过id找到View设置监听函数,或设定ListView监听函数即可。

package com.example.drawerviewtest;

import android.os.Bundle;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.view.View;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    public static final String TAG = "MainActivity";

    private DrawerLayout mDrawer;

    private TextView textA;

    private TextView contentText;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        initViews();

    }

    public void initViews() {
        mDrawer = (DrawerLayout) findViewById(R.id.drawer_main);

        mDrawer.addDrawerListener(new DrawerLayout.DrawerListener() {
            @Override
            public void onDrawerSlide(View drawerView, float slideOffset) {
                Log.i(TAG, "--- onDrawerSlide");
            }

            @Override
            public void onDrawerOpened(View drawerView) {
                Log.i(TAG, "--- onDrawerOpened");
            }

            @Override
            public void onDrawerClosed(View drawerView) {
                Log.i(TAG, "--- onDrawerClosed");
            }

            @Override
            public void onDrawerStateChanged(int newState) {
                Log.i(TAG, "--- onDrawerStateChanged");
            }
        });

        contentText = (TextView) findViewById(R.id.content_text);

        textA = (TextView) findViewById(R.id.text_a);
        textA.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String tmp = "item A clicked";
                Toast.makeText(MainActivity.this, tmp, Toast.LENGTH_SHORT).show();
                contentText.setText(tmp);
            }
        });
    }

}
版权声明:本文为博主原创文章,未经博主允许不得转载。

Android ToolBar+DrawerLayout的使用

  • 2016年03月23日 18:16
  • 24.86MB
  • 下载

DrawerLayout的简单使用

  • 2015年11月02日 21:49
  • 5.98MB
  • 下载

Android侧滑菜单DrawerLayout的使用

现在侧滑菜单使用很多,大都是通过SlidingMenu实现。现在也可以通过DrawerLayout创建抽屉布局frament_content.xml ...
  • cuiran
  • cuiran
  • 2015年01月03日 18:39
  • 22763

Android DrawerLayout使用Demo

  • 2016年08月24日 14:35
  • 26.9MB
  • 下载

DrawerLayout使用

  • 2014年12月03日 18:19
  • 2.05MB
  • 下载

使用DrawerLayout实现侧拉菜单

侧拉菜单在android应用中非常常见,它的实现方式太多了,今天我们就说说使用Google提供的DrawerLayout来实现侧拉菜单效果,先来看张效果图:DrawerLayout的实现其实非常简单,...

android Toolbar + DrawerLayout 一起使用

  • 2016年02月22日 14:13
  • 1.31MB
  • 下载

DrawerLayout使用demo

  • 2016年07月07日 15:54
  • 7.43MB
  • 下载

DrawerLayout抽屉布局的使用 最简单的侧滑菜单实现

DrawerLayout抽屉布局的使用 最简单的侧滑菜单实现 之前项目中遇到需要实现侧滑菜单,自己动手写真是费劲,各种手势判断,各种事件监听,而且效果不是太好,后来知道DrawerLayout实现侧滑...

使用DrawerLayout实现双向侧滑菜单

  • 2015年09月12日 20:57
  • 2.38MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:DrawerLayout的使用
举报原因:
原因补充:

(最多只允许输入30个字)