Metiral Design几种常用控件使用介绍

CoordinatorLayout（协调布局）

# CoordinatorLayout继承自ViewGroup，并且实现了NestedScrollingParent2，一般用来作为父容器结合AppbarLayout，CollapsingToolbarLayout，ToolBar一起使用来实现各种炫酷的滑动效果。

CoordinatorLayout.Behavior: Behavior是CoordinatorLayout里面的一个内部类，通过它我们可以与 CoordinatorLayout的一个或者多个子View进行交互。

app:layout_behavior=" "属性示例：

示例图1

AppBarLayout

AppBarLayout继承自LinearLayout，默认orientation是vertical，使用中需要注意的是AppBarLayout必须作为CoordinatorLayout的直接子View，否则它的大部分功能将不会生效，如layout_scrollFlags。

app:layout_scrollFlags=" "属性：

示例图2

示例图3

app:layout_scrollFlags="scroll|exitUntilCollapsed"：

app:layout_scrollFlags="scroll|enterAlways"：

app:layout_scrollFlags="scroll|enterAlways|snap"：

CollapsingToolbarLayout

CollapsingToolbarLayout继承自FrameLayout，是一个工具栏的包装器,它通常作为AppBarLayout的子View。我们可以通过给其内部子View设置app:layout_collapseMode="pin"属性来控制其折叠展开时的视差效果。

app:layout_collapseMode="pin"属性介绍：

示例图4

1."pin"，在滑动的时候View不会呈现出视差效果；

2."parallax"，在滑动的时候View会呈现出视差效果；

---

最后给出完整示例代码供参考：

完整代码示例

附加：