您的位置:

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