一、什么是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更加流畅自然。