[Android] 关于 CoordinatorLayout 的使用

什么是 CoordinatorLayout

这是在 com.android.support:design 包中出现的新控件,看包名就知道是用来实现一些跟 Material Design 相关的视觉效果的。具体作用如下:

  1. 自动的 FAB 与 Snackbar 动画
  2. Toolbar 的扩展与收缩

怎么使用 CoordinatorLayout

首先,CoordinatorLayout 是一个根布局,也是一个 ViewGroup,他需要部署在最外层。
AppBarLayout 目前必须是第一个嵌套在 CoordinatorLayout 里面的子 view。在 AppBarLayout 里面放置一个 ToolBar (这里已经抛弃了 ActionBar) 。
在 AppBarLayout 之后才是主体布局。这里我们看一下 Android 中自动生成的模板文件。




    

        
    

    

    


嵌套关系就如上所说的一样。这是使用 CoordinatorLayout 时需要遵守的。

然后我们再来看第一个具体的作用,自动的 FAB 与 Snackbar 动画

[Android] 关于 CoordinatorLayout 的使用_第1张图片
弹出前.jpg
[Android] 关于 CoordinatorLayout 的使用_第2张图片
弹出后.jpg

可以看到当 Snackbar 弹出的时候 FAB 自动就往上进行了移动,避免被 Snackbar 遮挡。 这种效果实现非常简单,只需要在 CoordinatorLayout 中加入 FAB 就行,就如模板 XML 文件中的那样,不需要设置额外的属性。

接下来再看看如何实现 ToolBar 的展开和收缩




    

        

    

    

        
    


[Android] 关于 CoordinatorLayout 的使用_第3张图片
QQ截图20160502233639.jpg
[Android] 关于 CoordinatorLayout 的使用_第4张图片
QQ截图20160502233711.jpg

CoordinatorLayout 通过监听可滑动控件的反馈来控制指定的控件。。
可滑动控件: ListView , NestedScrollView
指定控件: 大多数时候是包含在 AppBarLayout 中的控件

通过
app:layout_behavior="@string/appbar_scrolling_view_behavior"
来得到可滑动空间的反馈

通过
app:layout_scrollFlags="scroll|enterAlways"
来控制指定控件的响应方式,具体的区别是:

  • enterAlways: 一旦向上滚动这个view就可见。
  • enterAlwaysCollapsed: 顾名思义,这个flag定义的是何时进入(已经消失之后何时再次显示)。假设你定义了一个最小高度(minHeight)同时enterAlways也定义了,那么view将在到达这个最小高度的时候开始显示,并且从这个时候开始慢慢展开,当滚动到顶部的时候展开完。
  • exitUntilCollapsed: 同样顾名思义,这个flag时定义何时退出,当你定义了一个minHeight,这个view将在滚动到达这个最小高度的时候消失。

不得不说的还有一个玩意 CollapsingToolbarLayout

CollapsingToolbarLayout 作用是提供了一个可以折叠的 Toolbar,它继承至 FrameLayout,给它设置 layout_scrollFlags,它可以控制包含在 CollapsingToolbarLayout 中的控件(如:ImageView、Toolbar) 在响应 layout_behavior 事件时作出相应的 scrollFlags 滚动事件(移除屏幕或固定在屏幕顶端)。




    

        

            

        
    

    


[Android] 关于 CoordinatorLayout 的使用_第5张图片
QQ截图20160503000525.jpg
[Android] 关于 CoordinatorLayout 的使用_第6张图片
QQ截图20160503000534.jpg

你可能感兴趣的:([Android] 关于 CoordinatorLayout 的使用)