Membuat Show-Hide Toolbar pada Android

Yoesuv 05.59 Android Tidak ada komentar

beberapa aplikasi android menggunakan show-hide toolbar ini, contohnya whatsapp. toolbar akan muncul dan sembunyi jika melakukan scroll. lihat screenshot berikut.

caranya hampir sama dengan post ini. cuma sekarang ada tambahan support design library, yaitu menggunakan CoordinatorLayout dan AppBarLayout.

berikut merupakan xml layout dari aplikasi. perhatikan pada Toolbar ada app:layout_scrollFlags="scroll|enterAlways" dan pada RecyclerView ada app:layout_behavior="@string/appbar_scrolling_view_behavior". layout behavior ini mendukung RecyclerView, NestedScrollView dan ViewPager (untuk tab).

	<?xml version="1.0" encoding="utf-8"?>
	<android.support.design.widget.CoordinatorLayout
	android:id="@+id/coordinatorLayout"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:app="http://schemas.android.com/apk/res-auto">

	<android.support.design.widget.AppBarLayout
	android:id="@+id/appBar"
	android:layout_width="match_parent"
	android:layout_height="wrap_content">

	<android.support.v7.widget.Toolbar
	android:id="@+id/toolbar"
	android:layout_width="match_parent"
	android:layout_height="?attr/actionBarSize"
	android:background="@color/colorPrimary"
	app:layout_scrollFlags="scroll\|enterAlways"
	app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
	app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

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

	<android.support.v7.widget.RecyclerView
	android:id="@+id/recyclerView"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	app:layout_behavior="@string/appbar_scrolling_view_behavior" />

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

view raw activity_main.xml hosted with ❤ by GitHub

tinggal recyclerview di isi data sesuai selera. yang jelas yang banyak agar bisa di scroll. baca post ini.
download apknya disini dan file projectnya disini.