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更加流畅自然。