DrawerLayout实现侧滑（右侧显示）

最近由于项目需要写了一个左滑（从有右侧显示）导航栏的demo，大多数的App都是右滑（从左侧显示）导航栏，这个demo主要是用于用户的一些筛选过滤的操作，好了先给大家看几张效果图，如果觉得有用的话可以参考下，毕竟这只是一个简单的demo，上图啦

         

简单的demo，界面可能不好看，有时间的需求者可以进行一下优化，把界面美化一下，这只是简单的实现大致功能，细节就没有什么时间去处理了，看完了图，下面我们就来看看代码的具体实现，首先来看看布局文件：

activity_main.xml

<?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:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/app_white"
        android:orientation="vertical">

        <Button
            android:id="@+id/btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="筛选" />
    </LinearLayout>

    <!--这是侧边栏滑动时出现的右边布局内容-->
    <LinearLayout
        android:id="@+id/drawer_content"
        android:layout_width="280dp"
        android:layout_height="match_parent"
        android:layout_gravity="end"
        android:background="@color/app_white"
        android:orientation="vertical">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="10dp"
            android:text="状态"
            android:textStyle="bold" />

        <GridView
            android:id="@+id/processed_state_gv"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="10dp"
            android:background="@color/app_white"
            android:horizontalSpacing="10dp"
            android:numColumns="3"
            android:verticalSpacing="10dp"></GridView>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="10dp"
            android:text="时间"
            android:textStyle="bold" />

        <GridView
            android:id="@+id/processed_time_gv"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="10dp"
            android:background="@color/app_white"
            android:horizontalSpacing="10dp"
            android:numColumns="3"
            android:verticalSpacing="10dp"></GridView>

        <View
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_weight="1" />

        <TextView
            android:id="@+id/processed_commit"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/app_theme_color"
            android:gravity="center"
            android:padding="10dp"
            android:text="完成"
            android:textColor="@color/app_white"
            android:textSize="16sp" />
    </LinearLayout>
</android.support.v4.widget.DrawerLayout>

下面是具体实现的java代码

MainActivity.java

package com.test.demo;

import android.os.Bundle;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.GridView;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private DrawerLayout mDrawerLayout;
    private LinearLayout drawer_content;
    private GridView stateGV;
    private GridView timeGV;
    private TextView filterTV;
    private Button btn;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
        drawer_content = (LinearLayout) findViewById(R.id.drawer_content);
        stateGV = (GridView) findViewById(R.id.processed_state_gv);
        timeGV = (GridView) findViewById(R.id.processed_time_gv);
        filterTV = (TextView) findViewById(R.id.processed_commit);
        btn = (Button) findViewById(R.id.btn);

        stateGV.setAdapter(new ArrayAdapter<String>(this, R.layout.processed_gridview_item, R.id.gridview_item_process_tv, getResources().getStringArray(R.array.processed_state)));
        stateGV.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                TextView tv = (TextView) view.findViewById(R.id.gridview_item_process_tv);
                Toast.makeText(MainActivity.this,tv.getText().toString(),Toast.LENGTH_SHORT).show();
            }
        });
        timeGV.setAdapter(new ArrayAdapter<String>(this, R.layout.processed_gridview_item, R.id.gridview_item_process_tv, getResources().getStringArray(R.array.processed_time)));
        timeGV.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                TextView tv = (TextView) view.findViewById(R.id.gridview_item_process_tv);
                Toast.makeText(MainActivity.this,tv.getText().toString(),Toast.LENGTH_SHORT).show();
            }
        });
        filterTV.setOnClickListener(this);
        btn.setOnClickListener(this);
    }

    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.processed_commit:
                mDrawerLayout.closeDrawers();
                break;
            case R.id.btn:
                mDrawerLayout.openDrawer(drawer_content);
                break;
        }
    }
}

好拉具体的代码就到这里已经基本实现了，有需要的可以尝试自己写写，毕竟写代码这东西熟能生巧不是么？多练练就好了，当然了，我也将代码打包上传了，需要的可以点击连接下载：DrawerLayout实现侧滑（右侧显示）