SlidingPaneLayout,DrawerLayout,ActionBar,NavigationView 详解 <一> DrawerLayout 和ActionBar的联动

最新推荐文章于 2017-03-30 15:15:55 发布

原创最新推荐文章于 2017-03-30 15:15:55 发布 · 1.4k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

7 Android Android5.0 新特性

本文详细介绍了如何在Android应用中实现侧滑菜单功能，包括设置主布局为DrawerLayout，添加带有关键属性layout_gravity的LinearLayout，实现点击关闭侧滑菜单功能，并通过ActionBarDrawerToggle组件实现与ActionBar的联动。

1: 首先修改布局

把主的布局修改为android.support.v4.widget.DrawerLayout

2:然后添加两个LinearLayout的布局,在第二个里面添加一个参数android:layout_gravity="left|start",千万记住了,这里是layout_gravity而不是gravity

这样就可以实现抽屉的作用了

布局如下:

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout 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:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:id="@+id/drawable"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

    <LinearLayout
        android:background="#6660"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="     Hello World, Kodulf is a good Programmer\n      Hello World, Kodulf is a good Programmer"/>
    </LinearLayout>
    <LinearLayout
        android:layout_gravity="left|start"
        android:background="#6066"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:id="@+id/menu"></LinearLayout>
</android.support.v4.widget.DrawerLayout>

3:然后再实现点击回收的功能

mDrawerLayout = (DrawerLayout)findViewById(R.id.drawable);
//获取第二LinearLayout，这个在布局里面设置了最关键的属性android:layout_gravity="left|start"
mMenu = (LinearLayout)findViewById(R.id.menu);
mMenu.setOnClickListener(this);
}

@Override
public void onClick(View v) {
//可以有两种方法来收回抽屉
mDrawerLayout.closeDrawer(mMenu);
//mDrawerLayout.closeDrawer(Gravity.START);;//4.0一下是不能使用START的
//mDrawerLayout.closeDrawer(GravityCompat.START);
}

4：
//考虑 ActionBar和DrawerLayout的联动
mToggle = new ActionBarDrawerToggle(this, mDrawerLayout, 0, 0);
getSupportActionBar().setDisplayHomeAsUpEnabled(true); //三条横线的Menu
mToggle.syncState();
mDrawerLayout.setDrawerListener(mToggle);//让DrawerLayout的动作影响上面的按钮

//如果不写这个方法，只能实现DrawerLayout 来控制ActionBar的Toggle
//写了这个方法，就能够实现点击 Toggle以后 DrawerLayout变化
@Override
public boolean onOptionsItemSelected(MenuItem item) {
if(mToggle.onOptionsItemSelected(item)){
return true;
}
return super.onOptionsItemSelected(item);
}

MainActivity的内容如下：

package tech.androidstudio.slidingpandlayoutdemo;

import android.support.v4.view.GravityCompat;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.ActionBarDrawerToggle;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.MenuItem;
import android.view.View;
import android.widget.LinearLayout;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private DrawerLayout mDrawerLayout;
    private LinearLayout mMenu;
    private ActionBarDrawerToggle mToggle;

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

        mDrawerLayout = (DrawerLayout)findViewById(R.id.drawable);

        //获取第二LinearLayout，这个在布局里面设置了最关键的属性android:layout_gravity="left|start"
        mMenu = (LinearLayout)findViewById(R.id.menu);
        mMenu.setOnClickListener(this);


        //考虑 ActionBar和DrawerLayout的联动
        mToggle = new ActionBarDrawerToggle(this, mDrawerLayout, 0, 0);
        getSupportActionBar().setDisplayHomeAsUpEnabled(true); //三条横线的Menu
        mToggle.syncState();
        mDrawerLayout.setDrawerListener(mToggle);//让DrawerLayout的动作影响上面的按钮
    }

    @Override
    public void onClick(View v) {
        //可以有两种方法来收回抽屉
        mDrawerLayout.closeDrawer(mMenu);
        //mDrawerLayout.closeDrawer(Gravity.START);;//4.0一下是不能使用START的
        //mDrawerLayout.closeDrawer(GravityCompat.START);
    }

    //如果不写这个方法，只能实现DrawerLayout 来控制ActionBar的Toggle
    //写了这个方法，就能够实现点击 Toggle以后 DrawerLayout变化
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        if(mToggle.onOptionsItemSelected(item)){
            return true;
        }
        return super.onOptionsItemSelected(item);
    }
}