Android 使用Material Design实现滑动菜单

---

---

前言

　　Android Material Design库提供了统一的UI设计和个性化界面风格，这其中，侧边滑动菜单可谓是一大亮点，Material Design提供了DrawerLayout布局和NavigationView控件实现了这一特性，两者珠联璧合，使开发者能够轻松的实现比较酷炫的滑动菜单效果。本文是对《Android第一行代码》第十二章的学习记录，以及滑动菜单的实现的总结。

DrawerLayout布局

　　DrawerLayout是Design库中实现滑动菜单效果的支撑性布局，它允许放入两个直接子控件，第一个子控件是主屏幕中的内容，第二个子控件是滑动菜单中显示的内容。我们在activity_main.xml文件中使用DrawerLayout布局如下：

<?xml version="1.0" encoding="utf-8"?>
<androidx.drawerlayout.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <androidx.appcompat.widget.Toolbar
            android:id="@+id/toolbar"
            android:background="?attr/colorPrimary"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
            android:popupTheme="@style/ThemeOverlay.AppCompat.Light">
        </androidx.appcompat.widget.Toolbar>
    </FrameLayout>

    <TextView
        android:layout_gravity="start"
        android:text="This is menu"
        android:textSize="30sp"
        android:background="#FFF"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</androidx.drawerlayout.widget.DrawerLayout>

　　实现效果如下：

　　我们在标题栏添加一个侧边栏按钮，这样可以使得滑动菜单更加人性化，修改MainActivity.java代码如下：

public class MainActivity extends AppCompatActivity {
   
   

    private DrawerLayout mDrawerLayout;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
   
   
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Toolbar toolbar = findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        // 获取DrawerLayout布局
        mDrawerLayout = findViewById(R.id.drawer_layout);