效果图如上图
其实现效果如下:
main.xml布局
<android.support.v4.widget.DrawerLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/main_drawer_layout"
android:fitsSystemWindows="true"
>
<android.support.design.widget.NavigationView
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="start"
app:headerLayout="@layout/navigation_header"
app:menu="@layout/navigation_menu"
>
<!--菜单布局-->
</android.support.design.widget.NavigationView>
</android.support.v4.widget.DrawerLayout>
navigation_header.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="50dp"
>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Header"
android:textSize="50sp"
android:gravity="center"
android:layout_centerInParent="true"
/>
</RelativeLayout>
navigation_menu.xml
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<group android:checkableBehavior="single">
<item
android:id="@+id/nav_camera"
android:title="Import"/>
<item
android:id="@+id/nav_gallery"
android:title="Gallery"/>
<item
android:id="@+id/nav_slideshow"
android:title="Slideshow"/>
<item
android:id="@+id/nav_manage"
android:title="Tools"/>
</group>
<item android:title="Communicate">
<menu>
<item
android:id="@+id/nav_share"
android:title="Share"/>
<item
android:id="@+id/nav_send"
android:title="Send"/>
</menu>
</item>
</menu>
主要包括内容如上
最重要的是导入包:
compile 'com.android.support:design:26.0.0-alpha1'
okok