KotlinでAndroidアプリ開発 4. NavigationView
Author: 水卜
Author: 水卜
androidでNavigation Viewのハンバーガーアイコンを右に置きたい。
toolbarの右にボタンを置く
<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.AppBarLayout
android:id="@+id/appbar"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageButton
android:id="@+id/nav_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="end"
android:background="@drawable/ic_launcher_foreground" />
</android.support.v7.widget.Toolbar>
</android.support.design.widget.AppBarLayout>
</android.support.design.widget.CoordinatorLayout>
メニューが右からでてくるようにNavigationViewのlayout_gravityをendにする
<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:context=".presenters.activities.MainActivity"
tools:openDrawer="end">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<include
layout="@layout/header"
android:layout_width="match_parent"
android:layout_height="50dp"/>
<FrameLayout
android:id="@+id/frame_contents"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</LinearLayout>
<android.support.design.widget.NavigationView
android:id="@+id/nav_view"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="end"
android:fitsSystemWindows="true"
app:menu="@menu/nav_items" />
</android.support.v4.widget.DrawerLayout>
onClickでメニューが出てくるようにする
MainActivity.kt
private fun setDrawerLayout(){
val toggle = ActionBarDrawerToggle(Activity(), drawer_layout, toolbar, R.string.nav_open, R.string.nav_close)
drawer_layout.addDrawerListener(toggle)
toggle.syncState()
nav_view.setNavigationItemSelectedListener(this)
nav_btn.setOnClickListener{
drawer_layout.openDrawer(GravityCompat.END)
}
}
とじるときも右に閉じるようにする
override fun onNavigationItemSelected(item: MenuItem): Boolean {
// Close the Navigation Drawer.
drawer_layout.closeDrawer(GravityCompat.START)
return true
}