CoordinatorLayout在Android中的使用

一、什麼是CoordinatorLayout？

CoordinatorLayout是一個流行的布局，它是一個FrameLayout的子類，目的是讓它的子視圖滑動和協調。它的出現主要是為了解決FloatingActionButton和Snackbar的聯動效果，但它的功能不止於此。

與其他布局相比，CoordinatorLayout具有更好的響應性，可以讓應用程序的元素更流暢地運動，同時帶來更好的體驗。它還可以與Behavior協調工作，Behavior使得view的交互更加流暢。

二、如何在布局中使用CoordinatorLayout？

要使用CoordinatorLayout，你需要在布局文件中將CoordinatorLayout作為根視圖，同時在其中添加其他視圖。這些其他視圖可以是任何布局，比如LinearLayout、RelativeLayout、CardView等，也可以是自定義view。

在CoordinatorLayout中，你可以使用多個子視圖，並且子視圖的順序不影響它們的顯示順序。這也就意味着你可以放置多個子視圖，每個視圖可以協作表現動畫。下面是一個基本的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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <android.support.v7.widget.Toolbar
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:layout_scrollFlags="scroll|enterAlways" />
    </android.support.design.widget.AppBarLayout>

    <android.support.v4.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/text"/>
    </android.support.v4.widget.NestedScrollView>

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

在示例中，我們可以看到一個AppBarLayout，它包含一個Toolbar，緊接着是一個NestedScrollView。通過設置app:layout_behavior=”@string/appbar_scrolling_view_behavior”，我們可以讓NestedScrollView和AppBarLayout協同工作以支持滾動效果。

三、CoordinatorLayout的主要特點

1、設置響應視圖

CoordinatorLayout的重要特點是，它可以設置一個響應視圖。

在上面的例子中，我們可以看到設置了響應視圖：app:layout_scrollFlags=”scroll|enterAlways”。這意味着Toolbar可以通過滾動事件來進行顯示和隱藏。當我們向上滾動時，Toolbar消失；向下滾動時，Toolbar出現。

2、Behavior的使用

Behavior是CoordinatorLayout的另一個特點。Behavior是一個交互規則，它可以讓不同的視圖協同聯合工作，從而實現更好的用戶體驗。

在一個View中，我們可以通過設置app:layout_behavior屬性來指定Behavior。

<android.support.design.widget.FloatingActionButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:layout_anchor="@id/my_anchor"
    app:layout_anchorGravity="bottom|right|end"
    app:layout_behavior="com.example.android.MyBehavior"/>

在這個例子中，我們可以看到一個FloatingActionButton，下面是一個MyBehavior實例。MyBehavior可以使FloatingActionButton對滾動事件有響應，並在特定情況下協同NavigationView進行動畫交互。

3、封裝Toolbar和TabLayout

CoordinatorLayout還有另一個特點，就是可以封裝Toolbar和TabLayout。

封裝了Toolbar和TabLayout後，我們可以通過代碼控制TabLayout的位置，並且在滾動時，可以使TabLayout和Toolbar協同工作。

<android.support.design.widget.CoordinatorLayout
    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">

    <android.support.v7.widget.Toolbar
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        app:layout_scrollFlags="scroll|enterAlways" />

    <android.support.design.widget.TabLayout
        android:id="@+id/tabs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_scrollFlags="scroll|enterAlways" />

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

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

在這個例子中，我們可以看到Toolbar和TabLayout都有設置app:layout_scrollFlags=”scroll|enterAlways”。這使得Toolbar和TabLayout可以協同工作，響應ScrollView的滾動事件。

四、CoordinatorLayout的應用場景

使用CoordinatorLayout可以讓我們實現很多有趣的效果，比如下拉刷新、FloatingActionButton、AppBarLayout、滑動刪除等。下面是一些具體的應用場景：

1、AppBarLayout

CoordinatorLayout用於實現AppBarLayout，可以讓我們很方便地在應用程序中添加Toolbar、關聯TabLayout並支持可摺疊式的布局。

2、FloatingActionButton（FAB）

FloatingActionButton在Material Design之後成為Android開發的一個熱門主題。使用CoordinatorLayout可以很方便地實現FAB的移動、隱藏、展開等交互效果。

3、Snackbar

Snackbar是一種提供簡單異步反饋和提醒的API。Snackbar可以與FloatingActionButton和CoordinatorLayout協同工作，使得Snackbar的出現更加流暢。

4、Behaviors

Behaviors可以被用來實現一個視圖與其他視圖協同工作。通過使用CoordinatorLayout的Behavior特性，我們可以實現一些很酷的動畫效果。

五、總結

在Android開發中，CoordinatorLayout扮演着越來越重要的角色。它可以為應用程序提供更好的響應性、更好的體驗以及更豐富的功能。通過使用CoordinatorLayout，我們可以輕鬆地實現許多流行的組件和效果，如AppBarLayout、FloatingActionButton、Snackbars等。我們也可以使用Behavior特性，實現各種交互效果，使得UI更加流暢自然。