DrawerLayout+NavigationView实现侧滑菜单

控件说明

DrawerLayout+NavigationView 都是Material Design风格的最新控件，所以我们需要在 Module:app build.gradle 添加
compile 'com.android.support:design:26.0.0-alpha1'

xml布局如下：

<?xml version="1.0" encoding="utf-8"?><android.support.v4.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"    >    <LinearLayout        android:layout_width="match_parent"        android:layout_height="match_parent">        <TextView            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:text="@string/app_name"/>    </LinearLayout>    <android.support.design.widget.NavigationView        android:id="@+id/navigation_view"        android:layout_width="320dp"        android:layout_height="match_parent"        android:layout_gravity="start"        app:headerLayout="@layout/layout_header"        app:menu="@menu/menu_left">    </android.support.design.widget.NavigationView></android.support.v4.widget.DrawerLayout>

DrawerLayout包括内容布局和侧滑菜单布局，侧滑菜单布局我们用NavigationView 来实现，其中NavigationView 中常用的两个标签 app:headerLayout="@layout/layout_header" 用来实现头部布局，app:menu="@menu/menu_left" 用来实现菜单列表；

主页面代码逻辑

接下来我们在 Activity 中实现如下代码，

public class MainActivity extends AppCompatActivity {    @BindView(R.id.drawer_layout)    DrawerLayout mDrawerLayout;    @BindView(R.id.navigation_view)    NavigationView mNavigationView;    private View headerView;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        ButterKnife.bind(this);        //侧滑控件的监听        mDrawerLayout.addDrawerListener(new DrawerLayout.DrawerListener() {            @Override            public void onDrawerSlide(View drawerView, float slideOffset) {            }            @Override            public void onDrawerOpened(View drawerView) {            }            @Override            public void onDrawerClosed(View drawerView) {            }            @Override            public void onDrawerStateChanged(int newState) {            }        });        headerView = mNavigationView.getHeaderView(0);        //侧滑菜单头部布局的监听        headerView.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View view) {                Toast.makeText(MainActivity.this, "This is HeaderView", Toast.LENGTH_SHORT).show();            }        });//侧滑菜单列表的点击事件监听                mNavigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {            @Override            public boolean onNavigationItemSelected(@NonNull MenuItem item) {                switch (item.getItemId()) {                    case R.id.menu_app_update:                        Toast.makeText(MainActivity.this, "应用更新", Toast.LENGTH_SHORT).show();                        break;                    case R.id.menu_message:                        Toast.makeText(MainActivity.this, "消息中心", Toast.LENGTH_SHORT).show();                        break;                    case R.id.menu_setting:                        Toast.makeText(MainActivity.this, "设置", Toast.LENGTH_SHORT).show();                        break;                }                return false;            }        });    }}