Android中使用CoordinatorLayout進行佈局

发布于: 2018-08-07 09:29

此文章久未修订，请自行甄别内容准确性。

本文主要为整理 Android 中CoordinatorLayout的内置行为的使用。注意CoordinatorLayout的所有这些行为都得用在Activity的根布局中，也就是Fragment用不了。

基本结构

基於默認行爲的CoordinatorLayout至少要由5部分組成：

1. CoornaditorLayout標簽本身
2. AppBarLayout代表了實現滾動效果部分，即滾動主體(列表等)滾動時會做出需要的特效的部分
3. CollapsingToolbarLayout 字面意思即將摺叠部分的佈局，也就是之後滾動時要消失或是固定的佈局，直接放在AppBarLayout裏面
4. Toolbar放在CollapsingToolbarLayout裏面，可以配置未摺叠時和摺叠后的行爲，直白的就是未摺叠時的大標題，摺叠后變成了左上角的小標題，這個就是靠Toolbar
5. 滾動主體本身，可以是個列表，也可以直接是個NestedScrollView，(不可以是ScrollView，這是個坑)，指定一個行爲后就可以與前4個部分進行響應了，默認行爲就用appbar_scrolling_view_behavior，也可以自定義行爲

CoordinatorLayout AppBarLayout 與滾動主題 這三部分是固定的標簽，一般都是如下形式:

<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"
    tools:context="指定你的Activity">
    <android.support.design.widget.AppBarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
        <!-- 具體特效佈局 -->
    </android.support.design.widget.AppBarLayout>

    <android.support.v4.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:orientation="vertical">
            <!-- 滾動主體佈局 -->
        </LinearLayout>
    </android.support.v4.widget.NestedScrollView>
</android.support.design.widget.CoordinatorLayout>

CollapsingToolbarLayout

此佈局估計是導致CoornaditorLayout易使人困惑的萬惡之源，相對的Toolbar其實是個可有可無的標簽，是用來錦上添花的。 CollapsingToolbarLayout中最重要的屬性是layout_scrollFlags和contentScrim，前者直接決定這個佈局要如何相應滾動，後者決定標簽滾動至頂部以上(消失)時會漸變至設定的顔色，layout_scrollFlags有以下幾個值可以設定：

1. 不設置值 可以保持固定，不會隨滾動而消失了，可以理解爲： 未到頂部時跟隨滾動，到頂部后就固定在頂部。所以是個好東西，可以用來裝TabLayout之類的導航標簽。
2. scroll 字面意思，就是正常滾動 其他值都要配合scroll来发挥效果
3. exitUntilCollapsed|scroll 這兩者一起並配上 contentScrim，上滑時標簽會上滑至看不見(scroll的效果)，且還會漸變至設定的顔色(contentScrim的效果)
4. enterAlways|scroll 上滑時效果跟scroll一樣，但由于enterAlways只要下滑就會再次出現，會受contentScrim影響，下滑時保持設定的顔色

由于CollapsingToolbarLayout只能设置一种滚动方式，所以可以在一个AppBarLayout中添加多个，分别给不同的滚动方式，来实现想要的效果。不过要注意多个CollapsingToolbarLayout的排布顺序，其为线性从上往下排布，不同位置不同layout_scrollFlags都会有不同的表现结果，需要合理安排。

ToolBar

ToolBar作为CollapsingToolbarLayout的子标签使用，可以响应折叠时与未折叠时两种状态。需要配置layout_collapseMode的值：

1. pin会固定位置
2. parallax会跟随滚动

一般可以实现的效果就是，ToolBar中放置一个返回按钮，同时在CollapsingToolbarLayout中设置title的值，这样就能做到：未折叠时显示大标题，折叠后大标题缩小至左上角返回按钮的旁边。