天天看點

Android側滑菜單實作

一、所需控件:

1、android.support.v4.widget.DrawerLayout

2、android.support.design.widget.NavigationView

android.support.v4.widget.DrawerLayout//側滑菜單主界面布局      
android.support.design.widget.NavigationView//菜單布局      

二、布局介紹

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:openDrawer="start"
    >

    <include layout="@layout/activity_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
    <android.support.design.widget.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        app:headerLayout="@layout/header_layout"
        app:itemTextAppearance="@style/NavMenuItem">

    </android.support.design.widget.NavigationView>

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

說明:

DrawerLayout:
           
tools:openDrawer="start"//側滑菜單的打開方式 從左側打開
           
include:引入主界面布局
           
NavigationView://側滑菜單布局
           
app:headerLayout="@layout/header_layout"//引入側滑菜單布局
           

三、代碼中初始化:

1.初始化DrawerLayout,NavigationView;

2.側滑菜單中控件的執行個體化:通過NavigationView擷取到菜單總View,接着進行執行個體化。

View view = mNaviView.getHeaderView(0);//擷取側邊欄View      

3.側滑菜單的控制:通過DrawerLayout提供的方法來實作控制。

if (!mDrawLayout.isDrawerOpen(mNaviView)){
    mDrawLayout.openDrawer(mNaviView);
}