CoordinatorLayout结合AppBarLayout详解

一、基础使用

  • CoordinatortLayout:一个更加强大的FrameLayout,他集成于ViewGroup,实现众多子View之间的滑动协调。
  • AppBarLayout:子View中设置app:layout_scrollFlags执行动作
  • scroll:跟随滚动事件一起发生移动
  • enterAlways:当ScrollView往下滚动时,View直接往下滚动。不考虑ScrollView是否在滚动。
  • exitUntilCollapsed:View要往上逐渐“消逝”时,直到剩下的高度达到它的最小高度后,再响应ScrollView的内部滑动事件。
  • enterAlwaysCollapsed:与enterAlways组合使用,View在往下滑动时,首先是enterAlways效果,当View的高度达到最小高度时,View暂滑动,直到ScrollView滑动到顶部不再滑动时,View再继续往下滑动,直到滑到View的顶部结束。
  • android:minHeight="":设置最小高度

(1)xml代码实现



    

        

            

                

                
            
        

        
    

  • RecyclerView:app:layout_behavior="@string/appbar_scrolling_view_behavior"组件配合CoordinatorLayout使用。

(2)CollapsingToolbarLayout实现折叠效果

  • CollapsingToolbarLayout:主要是用于实现折叠的AppBar效果。它需要放在AppBarLayout布局里面,并且作为AppBarLayout的直接子View。
  • 折叠:通过app:title="@string/app_name"设置折叠效果
  • 内容纱布:通过setContentScrim()方法设置纱布图片
  • 状态栏纱布:通过setStatusBarScrim()方法设置状态栏纱布图片
  • 视差滚动子View:通过app:layout_collapseMode设置为parallax
  • 将子View位置固定:通过app:layout_collapseMode设置为pin


    

        

            

                

                

            

        

        
    

(3)FloatingActionButton设置悬浮按钮

  • android:src:FAB中显示的图标.
  • app:backgroundTint:正常的背景颜色 ,这里是ColorStateList类型
  • app:rippleColor:按下时的背景颜色
  • app:elevation:正常的阴影大小
  • app:pressedTranslationZ:按下时的阴影大小
  • app:layout_anchor:设置FAB的锚点,即以哪个控件为参照设置位置
  • app:layout_anchorGravity:FAB相对于锚点的位置
  • app:fabSize:FAB的大小,normal或mini(分别对应56dp和40dp)
  • app:borderWidth:边框大小,最好设置成0dp否则会有边框
  • android:clickable:一定要设置成true否则没有点击效果


    

        

            

                

                

            

        

        

        
    

你可能感兴趣的:(CoordinatorLayout结合AppBarLayout详解)