Apa itu CoordinatorLayout? Jangan biarkan nama mewah membodohi Anda, itu tidak lebih dari FrameLayout pada steroid
Untuk lebih memahami apa CoordinatorLayoutitu / dilakukan, pertama-tama Anda harus memahami / mengingat apa artinya Koordinasi.
Jika Anda Google kata
Koordinat
Ini yang kau dapat:
Menurut saya, definisi ini membantu menjelaskan apa yang dilakukan CoordinatorLayout sendiri dan bagaimana tampilan di dalamnya berperilaku.
KoordinatorLayout (ViewGroup) membawa elemen berbeda (Tampilan anak) dari (̶a̶ ̶c̶o̶m̶p̶l̶e̶x̶ ̶a̶c̶t̶i̶v̶i̶t̶y̶ ̶o̶r̶ ̶a̶n̶ ̶o̶r̶g̶a̶n̶iz̶a̶t̶i̶oniza̶t̶i̶o relationshipni at̶i̶ ke hubungan yang harmonis
Dengan bantuan CoordinatorLayout, tampilan anak bekerja bersama secara harmonis untuk menerapkan perilaku mengagumkan seperti
seret, gesek, lempar, atau isyarat lainnya.
Tampilan di dalam CoordinatorLayout bernegosiasi dengan orang lain untuk bekerja sama secara efektif dengan menetapkan Perilaku ini
CoordinatorLayout adalah fitur Desain Material yang sangat keren yang membantu menciptakan tata letak yang menarik dan selaras.
Yang harus Anda lakukan adalah menggabungkan tampilan anak Anda di dalam CoordinatorLayout.
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
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:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:context="com.byte64.coordinatorlayoutexample.ScollingActivity">
<android.support.design.widget.AppBarLayout
android:id="@+id/app_bar"
android:layout_width="match_parent"
android:layout_height="@dimen/app_bar_height"
android:fitsSystemWindows="true"
android:theme="@style/AppTheme.AppBarOverlay">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/toolbar_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
app:contentScrim="?attr/colorPrimary"
app:layout_scrollFlags="scroll|exitUntilCollapsed">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:layout_collapseMode="pin"
app:popupTheme="@style/AppTheme.PopupOverlay" />
<TableLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<include layout="@layout/content_scolling" />
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="@dimen/fab_margin"
app:layout_anchor="@id/app_bar"
app:layout_anchorGravity="bottom|end"
app:srcCompat="@android:drawable/ic_dialog_email" />
</android.support.design.widget.CoordinatorLayout>
dan content_scrolling:
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.NestedScrollView
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:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:context="com.byte64.coordinatorlayoutexample.ScollingActivity"
tools:showIn="@layout/activity_scolling">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="@dimen/text_margin"
android:text="@string/large_text" />
</android.support.v4.widget.NestedScrollView>
Ini memberi kita tata letak yang dapat digulir untuk menciutkan Toolbar dan menyembunyikan FloatingActionButton
Buka:
Tutup:
