NavigationView是遵循MD設計規範的側滑模式,推薦使用
要使用NavigationView
,就需要引入support-design
依賴
implementation 'com.android.support:design:25.4.0'
這裏的25.4.0
指的是編譯版本
然後就可以愉快的使用NavigationView
了,在這篇文章中,不涉及代碼,全是佈局
只使用佈局就能完成側滑功能的實現
首先依舊是需要改變style,去掉其ActionBar
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
</style>
</resources>
然後編寫一個menu
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@+id/action_gallery"
android:icon="@android:drawable/ic_menu_edit"
android:orderInCategory="100"
android:title="編輯" />
<item
android:id="@+id/action_details"
android:icon="@android:drawable/ic_menu_info_details"
android:orderInCategory="100"
android:title="詳情" />
<item
android:id="@+id/action_movie"
android:icon="@android:drawable/ic_menu_more"
android:orderInCategory="100"
android:title="媒體庫">
<menu>
<item
android:id="@+id/media_play"
android:icon="@android:drawable/ic_media_play"
android:title="播放" />
<item
android:id="@+id/media_pause"
android:icon="@android:drawable/ic_media_pause"
android:title="暫停" />
</menu>
</item>
<item
android:id="@+id/action_about"
android:icon="@android:drawable/ic_menu_help"
android:orderInCategory="100"
android:title="關於" />
</menu>
編寫一個header
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="20dp"
android:gravity="center_horizontal"
android:orientation="vertical">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@mipmap/ic_launcher_round" />
<TextView
android:layout_marginTop="10dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="上海灘"
android:textSize="24sp" />
</LinearLayout>
之所以要編寫menu和header,是用於NavigationView的menu和header設置
<?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:layout_width="match_parent"
android:layout_height="match_parent">
<FrameLayout
android:id="@+id/frame_layout"
android:layout_width="match_parent"
android:layout_height="match_parent" />
<android.support.design.widget.NavigationView
android:layout_gravity="start"
android:layout_width="wrap_content"
android:layout_height="match_parent"
app:headerLayout="@layout/head_layout"
app:menu="@menu/navigation_menu" />
</android.support.v4.widget.DrawerLayout>
這樣便完成了NavigationView
的使用流程
下面是效果圖