效果图如上图
其实现效果如下:
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