Material Design控件使用

最新推荐文章于 2021-09-16 16:35:49 发布

里昂007

最新推荐文章于 2021-09-16 16:35:49 发布

阅读量559

点赞数

分类专栏： view android 文章标签： android

本文链接：https://blog.csdn.net/qq_30621333/article/details/113740628

版权

android 同时被 2 个专栏收录

56 篇文章 6 订阅

订阅专栏

view

7 篇文章 0 订阅

订阅专栏

什么是Material Design
Material Design，中文名：材料设计语言，是由Google推出的全新的设计语言，谷歌表示，这种设计
语言旨在为手机、平板电脑、台式机和“其他平台”提供更一致、更广泛的“外观和感觉”。

Tip: 在Android5.0最引人注意的就是MaterialDesign设计风格 Material Design：谷歌拿出媲美苹
果的设计过去Google的产品线，每一个都相当的独立，在产品的设计上反映得尤为明显，甚至不
必看产品设计，只要看一下Google每款产品的LOGO都能发现许多不同风格的设计。这种混乱难
以体现出Google的风格，如果Google的风格不是混乱和无序的话。 2011年，拉里·佩奇成为
Google CEO之后，他管理公司的政策从过去的自由、放任，变为紧密、整合。根据我们的报道，
在Google发展的早期，因为鼓励观点的碰撞，结果发展成一种不留情面的争论氛围，高管之间冲
突不断，甚至会拒绝合作。佩奇决心要改变公司的氛围，2013年2月，在纳帕山谷的卡内罗斯客
栈酒店里，他对所有Google高管说，Google要实现10倍的发展速度，要用全新的方法来解决问
题，因此高管之间要学会合作。从现在开始，Google要对争斗零容忍。

Material Design不再让像素处于同一个平面，而是让它们按照规则处于空间当中，具备不同的维度
Material Design还规范了Android的运动元素
Material Design更加倾向于用色彩来提示

Google 发布的Material Design语言更像是一套界面设计标准

Z轴

在Material Design主题当中给UI元素引入了高度的概念，视图的高度由属性Z来表示，决定了阴影的视
觉效果，Z越大，阴影就越大且越柔和。但是Z值并不会影响视图的大小。
视图的Z值由两个分量表示：
1. Elevation：静态的分量
2. Translation：用于动画的动态的分量
Z值的计算公式为： Z=elevation+translationZ

通过在xml布局文件当中给一个视图设置android:elevation属性，来设置视图的高度。当然我们也可以在代码当中使用View.setElevation()来给视图设置高度。
还可以在代码当中设置视图的translationZ分量:View.setTranslationZ()。新的ViewPropertyAnimator.z()以及ViewPropertyAnimator.translationZ()方法能够很容易的改变
视图的高度。关于这个动画的更多信息，参考ViewPropertyAnimator以及PropertyAnimation相关的API。
还可以给视图设置Android:StateListAnimator属性来设置视图的状态改变动画，比如当点击按钮的时候改变其translationZ分量的值。
Z值的单位是dp

Material Design的一些theme

Theme.MaterialComponents
Theme.MaterialComponents.NoActionBar
Theme.MaterialComponents.Light
Theme.MaterialComponents.Light.NoActionBar
Theme.MaterialComponents.Light.DarkActionBar
Theme.MaterialComponents.DayNight
Theme.MaterialComponents.DayNight.NoActionBar
Theme.MaterialComponents.DayNight.DarkActionBar

Toolbar
https://developer.android.com/reference/com/google/android/material/packages
Toolbar 是在 Android 5.0 开始推出的一个 Material Design 风格的导航控件，Google 非常推荐大家
使用 Toolbar 来作为Android客户端的导航栏，以此来取代之前的 Actionbar 。与 Actionbar 相比，
Toolbar 明显要灵活的多。它不像 Actionbar 一样，一定要固定在Activity的顶部，而是可以放到界面
的任意位置。除此之外，在设计 Toolbar 的时候，Google也留给了开发者很多可定制修改的余地，这
些可定制修改的属性在API文档中都有详细介绍，如：

设置导航栏图标
设置App的logo
支持设置标题和子标题
支持添加一个或多个的自定义控件
支持Action Menu

在布局文件中设置

app:navigationIcon 设置navigation button
app:logo 设置logo 图标
app:title 设置标题
app:titleTextColor 设置标题文字颜色
app:subtitle 设置副标题
app:subtitleTextColor 设置副标题文字颜色
app:popupTheme Reference to a theme that should be used to inflate popups - shown bywidgets in the toolbar.
app:titleTextAppearance 设置title text 相关属性，如：字体,颜色，大小等等
app:subtitleTextAppearance 设置subtitletext相关属性，如：字体,颜色，大小等等
app:logoDescription logo 描述
android:background Toolbar 背景
android:theme 主题

FloatingActionButton

FloatingActionButton是一个继承ImageView悬浮的动作按钮，经常用在一些比较常用的操作中，一个
页面尽量只有一个FloatingActionButton，否则会给用户一种错乱的感觉！FloatingActionButton的大
小分为标准型(56dp)和迷你型(40dp)，google是这么要求的，如果你不喜欢可以自己设置其他大小。并
且对于图标进行使用materialDesign的图标，大小在24dp为最佳！

android:src 设置相应图片
app:backgroundTint 设置背景颜色
app:borderWidth 设置边界的宽度。如果不设置0dp，那么在4.1的sdk上FAB会显示为正方形，而且在5.0以后的sdk没有阴影效果。
app:elevation 设置阴影效果
app:pressedTranslationZ 按下时的阴影效果
app:fabSize 设置尺寸normal对应56dp，mini对应40dp
app:layout_anchor 设置锚点，相对于那个控件作为参考
app:layout_anchorGravity 设置相对锚点的位置 top/bottom之类的参数
app:rippleColor 设置点击之后的涟漪颜色

Snackbar
Snackbar就是一个类似Toast的快速弹出消息提示的控件，手机上显示在底部，大屏幕设备显示在左
侧。但是在显示上比Toast丰富，也提供了于用户交互的接口

BottomAppBar

Material Design的一个重要特征是设计 BottomAppBar。可适应用户不断变化的需求和行为，So，
BottomAppBar是一个从标准物质指导的演变。它更注重功能，增加参与度，并可视化地锚定UI
要求Activity的主题必须是MaterialComponents的主题

style="@style/Widget.MaterialComponents.BottomAppBar"
可以通过FabAlignmentMode，FabCradleMargin，FabCradleRoundedCornerRadius和FabCradleVerticalOffset来控制FAB的放置；
（FabAlignmentMode）可以设置为中心或结束。如果FabAttached设置为True，那么Fab将被布置为连接到BottomAppBar；
FabCradleMargin是设置FAB和BottomAppBar之间的间距，改变这个值会增加或减少FAB和BottomAppBar之间的间距；
FabCradleRoundedCornerRadius指定切口周围角的圆度；
FabCradleVerticalOffset指定FAB和BottomAppBar之间的垂直偏移量。如果fabCradleVerticalOffset为0，则FAB的中心将与BottomAppBar的顶部对齐。

NavigationView

NavigationView表示应用程序的标准导航菜单，菜单内容可以由菜单资源文件填充。NavigationView
通常放在DrawerLayout中，可以实现侧滑效果的UI。DrawerLayout布局可以有3个子布局，第一个布
局必须是主界面且不可以不写，其他2个子布局就是左、右两个侧滑布局，左右两个侧滑布局可以只写
其中一个

android:layout_gravity 值为start则是从左侧滑出，值为end则是从右侧滑出
app:menu NavigationView是通过菜单形式在布局中放置元素的，值为自己创建的菜单文件
app:headerLayout 给NavigationView设置头文件
app:itemTextColor 设置菜单文字的颜色
app:itemIconTint 设置菜单图标的颜色
app:itemBackground 设置菜单背景的颜色

BottomNavigationView

BottomNavigationView创建底部导航栏，用户只需轻点一下即可轻松浏览和切换顶级内容视图，当项
目有3到5个顶层（底部）目的地导航到时，可以使用此模式。

1. 创建一个菜单资源，最多5个导航目标（BottomNavigationView不支持超过5个项目）；
2. 在内容下面放置BottomNavigationView；
3. 将BottomNavigationView上的app：menu属性设置为菜单资源；
4. 设置选择监听事件setOnNavigationItemSelectedListener(...)
5. 通过app:itemIconTint和app:itemTextColor设置响应用户点击状态。包括Icon以及字体颜色

设置style

style="@style/Widget.Design.BottomNavigationView" 默认的材质
BottomNavigationView样式由更新的颜色，文字大小和行为组成。默认的
BottomNavigationView具有白色背景以及带有颜色的图标和文本colorPrimary
style="@style/Widget.MaterialComponents.BottomNavigationView.Colored" 此样式继
承默认样式，但将颜色设置为不同的属性。使用彩色样式获取带有colorPrimary背景的底部
导航栏，并为图标和文本颜色添加白色阴影。
style="@style/Widget.Design.BottomNavigationView" 如果希望底部导航栏具有旧行为，
可以在BottomNavigationView上设置此样式。但是，还是建议尽可能使用更新后的
Material style

DrawerLayout

DrawerLayout是V4 Library包中实现了侧滑菜单效果的控件，可以说drawerLayout是因为第三方控件
如MenuDrawer等的出现之后，google借鉴而出现的产物。drawerLayout分为侧边菜单和主内容区两
部分，侧边菜单可以根据手势展开与隐藏（drawerLayout自身特性），主内容区的内容可以随着菜单
的点击而变化

1. 抽屉式导航栏是显示应用主导航菜单的界面面板。当用户触摸应用栏中的抽屉式导航栏图标或用
户从屏幕的左边缘滑动手指时，就会显示抽屉式导航栏
2. 抽屉式导航栏图标会显示在使用 DrawerLayout 的所有顶级目的地上。顶级目的地是应用的根级
目的地。它们不会在应用栏中显示向上按钮。
3. 要添加抽屉式导航栏，请先声明 DrawerLayout 为根视图。在 DrawerLayout 内，为主界面内容
以及包含抽屉式导航栏内容的其他视图添加布局。
4. 例如，以下布局使用含有两个子视图的 DrawerLayout：包含主内容的 NavHostFragment 和适用
于抽屉式导航栏内容的 NavigationView

CardView
Material Design中有一种很个性的设计概念：卡片式设计（Cards），Cards拥有自己独特的UI特
征,CardView 继承自FrameLayout类，并且可以设置圆角和阴影，使得控件具有立体性，也可以包含其
他的布局容器和控件

card_view:cardCornerRadius 设置角半径
CardView.setRadius 要在代码中设置角半径，请使用
card_view:cardBackgroundColor 设置卡片的背景颜色
card_view:cardElevation 设置Z轴阴影高度
card_view:cardMaxElevation 设置Z轴阴影最大高度
card_view:cardUseCompatPadding 设置内边距
card_view:cardPreventCornerOverlap 在v20和之前的版本中添加内边距，这个属性是为了防止卡片内容和边角的重叠

Chips

Chip代表一个小块中的复杂实体，如联系人。它是一个圆形按钮，由一个标签，一个可选的芯片图标
和一个可选的关闭图标组成。如果Chip可检查，则可以点击或切换Chip。
Chip可以被放置在ChipGroup中，其可以被配置为将其Chip布置在单个水平线中或者重新排列在多个线
上。如果一个ChipGroup包含可检查的Chip，那么它也可以控制其一组Chip是否单选。
也可以在需要Drawable的上下文中直接使用独立的ChipDrawable

主题设置

tyle="@style/Widget.MaterialComponents.Chip.Entry"：默认在末尾展示删除按钮；点击后前
面展示选中图标，有选中状态通常可以作为 chipDrawable 使用，比如在填选邮件收件人时可以
使用
style="@style/Widget.MaterialComponents.Chip.Filter"：使用
style="@style/Widget.MaterialComponents.Chip.Filter" 初始状态下，不展示前后图标点击之
后会展示前面的选中图标，并且具有选中状态通常应用在 ChipGroup 中
style="@style/Widget.MaterialComponents.Chip.Choice"：默认不展示前后的图标，但点击后
有选中状态通常用在 ChipGroup 中 , 通过 ChipGroup 的 singleSelection=true/false 属性可以实
现单选或多选
style="@style/Widget.MaterialComponents.Chip.Action"
不设置style时，默认使用上述style 默认前后图标都不展示，点击后没有选中状态
Chip 的属性

Material Button
Material Button是具有更新视觉样式的可自定义按钮组件，且内部内置了多种样式。

TextInputLayout&TextInputEditText

android:hint 提示文字
app:counterEnabled 是否添加计数功能，默认是false
app:counterMaxLength 最大的输入数量（如果计数显示的话，影响显示）
app:errorEnabled 是否有错误提示
app:errorTextAppearance 设置错误提示的文字样式
app:hintAnimationEnabled 是否设置提示文字的动画
app:hintEnabled 是否启动浮动标签功能，如果不启用的话，所有提示性信息都将在Edittext中显示
app:hintTextAppearance 设置提示性文字的样式
app:passwordToggleContentDescription 该功能是为Talkback或其他无障碍功能提供
app:passwordToggleEnabled 是否显示后面的提示图片
app:passwordToggleDrawable 替换后面的提示图片
app:passwordToggleTint 给后面的提示图片设置颜色
app:passwordToggleTintMode 控制密码可见开关图标的背景颜色混合模式
app:counterOverflowTextAppearance 设置计算器越位后的文字颜色和大小(通过style进行设置的)
app:counterTextAppearance 设置正常情况下的计数器文字颜色和大小(通过style进行设置的)

TabLayout

app:tabBackground 设置TableLayout的背景色
app:tabTextColor 设置未被选中时文字的颜色
app:tabSelectedTextColor 设置选中时文字的颜色
app:tabIndicatorColor 设置滑动条的颜色
app:tabTextAppearance="@android:style/TextAppearance.Large" 设置TableLayout的文本主题，无法通过textSize来设置文字大小，只能通过主题来设定
app:tabMode="scrollable" 设置TableLayout可滑动，当页数较多时，一个界面无法呈现所有的导航标签，此时就必须要用。

Bottom Sheet
Bottom Sheet是Design Support Library23.2 版本引入的一个类似于对话框的控件，可以暂且叫做底
部弹出框吧。 Bottom Sheet中的内容默认是隐藏起来的，只显示很小一部分，可以通过在代码中设置
其状态或者手势操作将其完全展开，或者完全隐藏，或者部分隐藏

有两种类型的Bottom Sheet：

Persistent bottom sheet :- 通常用于显示主界面之外的额外信息，它是主界面的一部分，只不过
默认被隐藏了，其深度（elevation）跟主界面处于同一级别；还有一个重要特点是在Persistent
bottom sheet打开的时候，主界面仍然是可以操作的，其实Persistent bottom sheet不能算是一
个控件，因为它只是一个普通的布局在CoordinatorLayout这个布局之下所表现出来的特殊行为。
所以其使用方式跟普通的控件也很不一样，它必须在CoordinatorLayout中，并且是
CoordinatorLayout的直接子view
app:layout_behavior="@string/bottom_sheet_behavior"，定义了这个属性就相当于告
诉了CoordinatorLayout这个布局是一个bottom sheet，它的显示和交互都和普通的view
不同。@string/bottom_sheet_behavior是一个定义在支持库中的字符串，等效于
android.support.design.widget.BottomSheetBehavior

Bottom Sheets具有五种状态：

STATE_COLLAPSED： Bottom Sheets是可见的，但只显示可视（部分）高度。此状态通常是底部
工作表的“静止位置”。可视高度由开发人员选择，应足以表明有额外的内容，允许用户触发某个动
作或扩展Bottom Sheets；
STATE_EXPANDED： Bottom Sheets是可见的并且它的最大高度并且不是拖拽或沉降；
STATE_DRAGGING：用户主动向上或向下拖动Bottom Sheets；
STATE_SETTLING：拖动/轻扫手势后，Bottom Sheets将调整到特定高度。这将是可视高度，展
开高度或0，以防用户操作导致底部表单隐藏；
STATE_HIDDEN： Bottom Sheets隐藏。

如果已经在Activity使用CoordinatorLayout，添加底部表单很简单：
1. 将任何视图添加为CoordinatorLayout的直接子视图。
2. 通过添加以下xml属性来应用该行为
app:layout_behavior="com.google.android.material.bottomsheet.BottomSheetBehavior"
3. 设置所需的行为标志
app:behavior_hideable：是否可以通过拖拽隐藏底部表单。
app:behavior_peekHeight：折叠状态的窥视高度。
app:behavior_skipCollapsed：如果底部表单可隐藏，并且设置为true，则表单不会处于折叠状态
bottom sheet的状态是通过BottomSheetBehavior来设置的，因此需要先得到BottomSheetBehavior
对象，然后调用BottomSheetBehavior.setState()来设置状态，比如设置为折叠状态：
BottomSheetBehavior.setState(BottomSheetBehavior.STATE_COLLAPSED)；我们还可以通过
BottomSheetBehavior.getState() 来获得状态。
要监听bottom sheet的状态变化则使用setBottomSheetCallback方法，之所以需要监听是因为bottom
sheet的状态还可以通过手势来改变

模态bottom sheet :- 顾名思义，模态的bottom sheet在打开的时候会阻止和主界面的交互，并且
在视觉上会在bottom sheet背后加一层半透明的阴影，使得看上去深度（elevation）更深

CoordinatorLayout

CoordinatorLayout(协调者布局)是在 Google IO/15 大会发布的，遵循Material 风格，包含在 support
Library中，结合AppbarLayout, CollapsingToolbarLayout等可产生各种炫酷的效果
CoordinatorLayout是用来协调其子view并以触摸影响布局的形式产生动画效果的一个super-powered
FrameLayout，其典型的子View包括：FloatingActionButton，SnackBar。注意：CoordinatorLayout
是一个顶级父View

AppBarLayout
AppBarLayout是LinearLayout的子类，必须在它的子view上设置app:layout_scrollFlags属性或者是在
代码中调用setScrollFlags()设置这个属性。
AppBarLayout的子布局有5种滚动标识：

scroll：所有想滚动出屏幕的view都需要设置这个flag，没有设置这个flag的view将被固定在屏幕
顶部。
enterAlways：这个flag让任意向下的滚动都会导致该view变为可见，启用快速“返回模式”。
enterAlwaysCollapsed：假设你定义了一个最小高度（minHeight）同时enterAlways也定义了，
那么view将在到达这个最小高度的时候开始显示，并且从这个时候开始慢慢展开，当滚动到顶部
的时候展开完。
exitUntilCollapsed：当你定义了一个minHeight，此布局将在滚动到达这个最小高度的时候折
叠。
snap：当一个滚动事件结束，如果视图是部分可见的，那么它将被滚动到收缩或展开。例如，如
果视图只有底部25%显示，它将折叠。相反，如果它的底部75%可见，那么它将完全展开。

CollapsingToolbarLayout

CollapsingToolbarLayout作用是提供了一个可以折叠的Toolbar，它继承自FrameLayout，给它设置
layout_scrollFlags，它可以控制包含在CollapsingToolbarLayout中的控件(如：ImageView、
Toolbar)在响应layout_behavior事件时作出相应的scrollFlags滚动事件(移除屏幕或固定在屏幕顶
端)。CollapsingToolbarLayout可以通过app:contentScrim设置折叠时工具栏布局的颜色，通过
app:statusBarScrim设置折叠时状态栏的颜色。默认contentScrim是colorPrimary的色值，
statusBarScrim是colorPrimaryDark的色值。

CollapsingToolbarLayout的子布局有3种折叠模式（Toolbar中设置的app:layout_collapseMode）

off：默认属性，布局将正常显示，无折叠行为。
pin：CollapsingToolbarLayout折叠后，此布局将固定在顶部。
parallax：CollapsingToolbarLayout折叠时，此布局也会有视差折叠效果。

当CollapsingToolbarLayout的子布局设置了parallax模式时，我们还可以通过
app:layout_collapseParallaxMultiplier设置视差滚动因子，值为：0~1。

NestedScrollView
在新版的support-v4兼容包里面有一个NestedScrollView控件，这个控件其实和普通的ScrollView并没
有多大的区别，这个控件其实是Meterial Design中设计的一个控件，目的是跟MD中的其他控件兼容。
应该说在MD中，RecyclerView代替了ListView，而NestedScrollView代替了ScrollView，他们两个都可
以用来跟ToolBar交互，实现上拉下滑中ToolBar的变化。在NestedScrollView的名字中其实就可以看出
他的作用了，Nested是嵌套的意思，而ToolBar基本需要嵌套使用。

FloatingActionButton
FloatingActionButton就是一个漂亮的按钮，其本质是一个ImageVeiw。有一点要注意，Meterial
Design引入了Z轴的概念，就是所有的view都有了高度，他们一层一层贴在手机屏幕上，而
FloatingActionButton的Z轴高度最高，它贴在所有view的最上面，没有view能覆盖它。

Behavior

Interaction behavior plugin for child views of CoordinatorLayout. A Behavior implements
one or more interactions that a user can take on a child view. These interactions may
include drags, swipes, flings, or any other gestures.
CoordinatorLayout中子View的交互行为，可以在CoordinatorLayout的子类中实现一个或多个交互，
这些交互可能是拖动，滑动，闪动或任何其他手势。其实就是实现CoordinatorLayout内部控件的交互
行为，可以在非侵入的方式实现相应的交互
Behavior只有是CoordinatorLayout的直接子View才有意义。只要将Behavior绑定到
CoordinatorLayout的直接子元素上，就能对触摸事件（touch events）、window insets、
measurement、layout以及嵌套滚动（nested scrolling）等动作进行拦截。Design Library的大多功
能都是借助Behavior的大量运用来实现的。当然，Behavior无法独立完成工作，必须与实际调用的
CoordinatorLayout子视图相绑定。具体有三种方式：通过代码绑定、在XML中绑定或者通过注释实现
自动绑定。上面NestedScrollView中app:layout_behavior=”
@string/appbar_scrolling_view_behavior”的Behavior是系统默认的，我们也可以根据自己的需求来自
定义Behavior。

Behavior里面回调的说明
behavior的嵌套滚动都是依照一个相应的参考物，所以在自定义的时候一定要区分哪个是依
照的View哪个是被观察的View，只有区分了这些才能更好的理解下面的内容，下面出现的所
有child都是被观察的View，也就是xml中定义behavior的View

layoutDependsOn(CoordinatorLayout parent, View child, View dependency) 表示是否给
应用了Behavior 的View 指定一个依赖的布局

参数1：coordinatorlayout对象
参数2：child 被观察的View
参数3：依赖变化的View（被观察的View）

onDependentViewChanged(CoordinatorLayout parent, View child, View dependency)
当依赖的View发生变化的时候hi掉的方法

onStartNestedScroll(@NonNull CoordinatorLayout coordinatorLayout, @NonNull
View child, @NonNull View directTargetChild, @NonNull View target, int axes, int
type) 当用户手指按下的时候，你是否要处理这次操作。当你确定要处理这次操作的时候，返回
true；如果返回false的时候，就不会去响应后面的回调事件了。你想怎么滑就怎么话，我都不做
处理。这里的(axes)滚动方向很重要，可以通过此参数判断滚动方向！

参数3：直接目标，相当于能滑动的控件
参数4：观察的View
参数5：这个可以简单理解为滚动方向

ViewCompat#SCROLL_AXIS_HORIZONTAL 水平方向
ViewCompat#SCROLL_AXIS_VERTICAL 竖直方向

参数6：这个参数是之后有的，如果你输入的类型不是TYPE_TOUCH那么就不会相应这个滚动

onNestedScrollAccepted(@NonNull CoordinatorLayout coordinatorLayout, @NonNull
V child, @NonNull View directTargetChild, @NonNull View target, @ScrollAxis int axes,
@NestedScrollType int type) 当onStartNestedScroll准备处理这次滑动的时候(返回true的时
候)，回调这个方法。可以在这个方法中做一些响应的准备工作！

onNestedPreScroll(@NonNull CoordinatorLayout coordinatorLayout, @NonNull View
child, @NonNull View target, int dx, int dy, @NonNull int[] consumed,
@NestedScrollType int type) 当滚动开始执行的时候回调这个方法。

参数4/参数5：用户x/y轴滚动的距离(注意这里是每一次都回调的啊！！！)
参数6：处理滚动的距离的参数，内部维护着输出距离，假设用户滑动了100px,child 做了
90px的位移，你需要把consumed［1］的值改成90，这样coordinatorLayout就能知道只处
理剩下的10px的滚动。其中consumed[0]代表x轴、consumed[1]代表y轴。

onNestedScroll(@NonNull CoordinatorLayout coordinatorLayout, @NonNull View
child, @NonNull View target, int dxConsumed, int dyConsumed, int dxUnconsumed,
int dyUnconsumed, int type) 上面这个方法结束的时候，coordinatorLayout处理剩下的距
离，比如还剩10px。但是coordinatorLayout发现滚动2px的时候就已经到头了。那么结束其滚
动，调用该方法，并将coordinatorLayout处理剩下的像素数作为参 (dxUnconsumed、
dyUnconsumed) 传过来，这里传过来的就是 8px。参数中还会有coordinatorLayout处理过的像素
数（dxConsumed、dyConsumed）。

参数4/参数5：当没有滚动到顶部或者底部的时候，x/y轴的滚动距离
参数6/参数7：当滚动到顶部或者底部的时候，x/y轴的滚动距离

onNestedPreFling(@NonNull CoordinatorLayout coordinatorLayout, @NonNull View child,
@NonNull View target, float velocityX, float velocityY) 当手指松开发生惯性动作之前调用，这里
提供了响应的速度，你可以根据速度判断是否需要进行折叠等一系列的操作，你要确定响应这个方
法的话，返回true。

参数4/参数5：代表相应的速度

onStopNestedScroll(@NonNull CoordinatorLayout coordinatorLayout, @NonNull View child,
@NonNull View target, int type) 停止滚动的时候回调的方法。当你不去响应Fling的时候会直接回
调这个方法。在这里可以做一些清理工作。或者其他的内容。。。

onLayoutChild(CoordinatorLayout parent, View child, int layoutDirection) 确定子View位置的
方法，这个方法可以重新定义子View的位置(这里明确是设置behavior的那个View哦),例如下面这样