Що таке CoordinatorLayout? Не дозволяйте химерному імені обдурити вас, це не що інше, як FrameLayout на стероїдах
Щоб найкраще зрозуміти, що CoordinatorLayout
таке / робить, ти повинен перш за все зрозуміти / мати на увазі, що означає координувати.
Якщо ти погуглиш слово
Координат
Ось що ви отримуєте:
Я думаю, що ці визначення допомагають описати, що робить CoordinatorLayout самостійно і як поводяться погляди в ньому.
CoordinatorLayout (а ViewGroup) приносить різні елементи (дочірні уявлення) а (комплексна робота або організації) · розташування в гармонійні і ефективні відносини:
За допомогою CoordinatorLayout дитячі погляди гармонійно працюють разом, щоб реалізувати неймовірну поведінку, таку як
перетягування, проведення пальцями, кидання або будь-які інші жести.
Погляди всередині CoordinatorLayout ведуть переговори з іншими, щоб ефективно працювати разом, вказуючи ці Поведінки
CoordinatorLayout - це надзвичайно цікава функція Material Design, яка допомагає створювати привабливі та гармонізовані макети.
Все, що вам потрібно зробити, - це обернути погляди вашої дитини всередині 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>
та прокрутка вмісту:
<?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>
Це дає нам макет, який можна прокрутити, щоб згорнути Панель інструментів і приховати FloatingActionButton
Відчинено:
Зачинено: