强大的CoordinatorLayout,视图滚动Toolbar隐藏,FloatingActionButton的使用

 

强大的CoordinatorLayout被称为“super-powerd FrameLayout”,它的强大是因为它是一个开明的君主,放弃了大多数布局(King)的中央集权制,实行周天子政策,诸侯国分封制。将手中最大权利下发给子控件和子布局。目前Coordinator符合Material设计风格,实现与其他coordinator组件实现联动。

基本实现以下两个功能:

1、作为顶层布局 
2、调度协调子布局

【FloatingActitonButton与SnackBar】:FloatingActionButton会让出位置给SnackBar

强大的CoordinatorLayout,视图滚动Toolbar隐藏,FloatingActionButton的使用_第1张图片

【ToolBar与RecyclerView】:定义layout_scrollFlags,则列表下拉则toolbar隐藏。

这些都是强大功能。如何配置

【配置文件如下】:





   



        
       

       

   

    

    



这里Navigation主要做侧滑,可以看我其他博客。只设计snackBar的去掉其他多余的

将FloatingActionBar包含在CoordinatorLayout里面就可以实现。可以设置显示背景颜色,及点击后的颜色:

调用SnackBar:

 search.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Snackbar.make(view,"Hello,I'm a SnackBar",Snackbar.LENGTH_LONG).setAction("Cancel", new View.OnClickListener() {
                    @Override
                    public void onClick(View view) {

                    }
                }).show();
            }
        });

这一步很好完成了。FloatingActionButton是最简单的使用CoordinatorLayout的例子,FloatingActionButton默认使用FloatingActionButton.Behavior。这个动作就是点击它为下面SnackBar留出位置。

【Toolbar】:

布局文件不变还是如上,看下Toolbar的配置,Toolbar显示在main_layout里面

Toolbar使用记住是自己的app的标题栏为空,将style 修改为此

 



    
    

    


 

效果显示,视图滚动时,Toolbar会隐藏,这个效果是Android Support Library里面,新增的CoordinatorLayout, AppBarLayout实现的。通过AppBarLayout的子视图的属性控制。观察AppBarLayout的子布局,Toobar有app:layout_scrollFlags属性,这就是控制滑动时视图效果的属性。app:layout_scrollFlags有四个值:

  1. scroll: 所有想滚动出屏幕的view都需要设置这个flag, 没有设置这个flag的view将被固定在屏幕顶部。例如,TabLayout 没有设置这个值,将会停留在屏幕顶部。
  2. enterAlways: 设置这个flag时,向下的滚动都会导致该view变为可见,启用快速“返回模式”。
  3. enterAlwaysCollapsed: 当你的视图已经设置minHeight属性又使用此标志时,你的视图只能已最小高度进入,只有当滚动视图到达顶部时才扩大到完整高度。
  4. exitUntilCollapsed: 滚动退出屏幕,最后折叠在顶端。

为了实现ToolBar滚动,在CoordinatorLayout里面要放一个滚动的View,这里设置的ViewPager包含一个RecycleView,因此是滚动的视图View

需要设置ViewPager布局行为

app:layout_behavior="@string/appbar_scrolling_view_behavior"

为了使得Toolbar有滑动效果,必须做到如下三点: 
1. CoordinatorLayout作为布局的父布局容器。 
2. 给需要滑动的组件设置 app:layout_scrollFlags=”scroll|enterAlways” 属性。 
3. 给滑动的组件设置app:layout_behavior属性

================================================================================================

好记:设立King CoordinatorLayout,之后给Toolbar设立layout_scrollFlags标签,意思就是“我可以滚出去”,至于“我什么时候滚出去”取决于可具有layout_behavior属性包括滑动组件例如ViewPager。

效果如上所示:

CoordinatorLayout还包括折叠窗口。后面实现上传

你可能感兴趣的:(Android强大的控件)