关于CoordinatorLayout
2016-11-08 本文已影响322人
我该忘了我自己w_u
DEMO https://github.com/wujianxing/Coordi.git
在我的理解里CoordinatorLayout 是一个类似FrameLayout的容器,它是实现了NestedScrollingParent 接口的父布局容器,
提到 NestedScrollingParent 就不得不说 NestedScrollingChild,其实简单来说NestedScrollingParent与NestedScrollingChild 是一对的。他们的功能是实现父与子试图的联动。
关于联动,那么就有一个叫 Behavior 的东西,,行为。。就是具体联动的形式(实现)。
先看布局层级吧
A3AAFA79-6A06-4EEA-8865-584170833045.png最外层 是 CoordinatorLayout ,它的直接子布局有3个
1.AppBarLayout
2.NestedScrollView
3.Toolbar
AppBarLayout
走进它的源码一看@CoordinatorLayout.DefaultBehavior(AppBarLayout.Behavior.class) ,是的它是有一个默认的行为的。具体什么我们先不管 。
在看看 AppBarLayout 装了什么 没错 CollapsingToolbarLayout。一个继承 FrameLayout 的东西
然后 CollapsingToolbarLayout 装了 两个View 和一个FrameLayout .最里面FrameLayout装了两个View
NestedScrollView
是实现了 NestedScrollingParent, NestedScrollingChild, ScrollingView 的FrameLayout
我们给他一个行为 app:behavior_overlapTop="30dp"app:layout_behavior="@string/appbar_scrolling_view_behavior,并在里面装一个 cardView 的容器
Toolbar 标题 我们就放一个标题
既然有滚动 那么必须了解 layout_scrollFlags;
app:layout_scrollFlags="scroll|exitUntilCollapsed|snap
scroll
Child View 伴随着滚动事件而滚出或滚进屏幕。注意两点:第一点,如果使用了其他值,必定要使用这个值才能起作用;第二点:如果在这个child View前面的任何其他Child View没有设置这个值,那么这个Child View的设置将失去作用。
enterAlways
快速返回模式。其实就是向下滚动时Scrolling View和Child View之间的滚动优先级问题。对比scroll和scroll | enterAlways设置,发生向下滚动事件时,前者优先滚动Scrolling View,后者优先滚动Child View,当优先滚动的一方已经全部滚进屏幕之后,另一方才开始滚动
enterAlwaysCollapsed
enterAlways的附加值。这里涉及到Child View的高度和最小高度,向下滚动时,Child View先向下滚动最小高度值,然后Scrolling View开始滚动,到达边界时,Child View再向下滚动,直至显示完全。
需要附加属性
android:layout_height="@dimen/dp_200"android:minHeight="@dimen/dp_56
exitUntilCollapsed
这里也涉及到最小高度。发生向上滚动事件时,Child View向上滚动退出直至最小高度,然后Scrolling View开始滚动。也就是,Child View不会完全退出屏幕。
需要附加属性
android:layout_height="@dimen/dp_200"android:minHeight="@dimen/dp_56"
snap
简单理解,就是Child View滚动比例的一个吸附效果。也就是说,Child View不会存在局部显示的情况,滚动Child View的部分高度,当我们松开手指时,Child View要么向上全部滚出屏幕,要么向下全部滚进屏幕,有点类似ViewPager的左右滑动。
需要附加属性
android:layout_height="@dimen/dp_200"
这5个都是控制 AppBarLayout 与 子类滑动的属性。。
layout_collapseMode
pin - 设置为这个模式时,当CollapsingToolbarLayout完全收缩后,Toolbar还可以保留在屏幕上。
parallax - 设置为这个模式时,在内容滚动时,CollapsingToolbarLayout中的View(比如ImageView)也可以同时滚动,实现视差滚动效果,通常和layout_collapseParallaxMultiplier(设置视差因子)搭配使用。
layout_collapseParallaxMultiplier(视差因子) - 设置视差滚动因子,值为:0~1。
NestedScrollView
NestedScrollView是一个简单的控件,作用跟ScrollView基本没差别,关键在于跟ToolBar交互产生的作用
app:layout_behavior=@string/appbar_scrolling_view_behavior
与 CollapsingToolbarLayout 中 app:layout_scrollFlags="scroll|exitUntilCollapsed"对应 ,,,,系统一旦发现NestedScrollView中有那句话,就会检查其他控件,然后如果有上面这句对应的话,那么滑动效果就是可以实现的。就这一点来说,他的使用基本上和RecyclerView一样 屌屌的。。
layout_anchor
anchor 锚 ,试图绑定,绑定在一起滑动
如图 。。
jz.gif
有问题 什么鬼 。怎么有个东西挡住了。。。 酱紫我喜欢的。。哪里是什么东西 对把它隐藏掉 他是appLayoutBar里面的东西 。。 下次隐藏吧。