AppBarLayout使用详解

AppBarLayout 应用栏布局

google在L中推出了新的安卓设计理念-Material Design,同时也推出了不少的新控件，AppBarLayout就是其中之一。AppBarLayout继承自垂直方向的LinearLayout,不过在此基础上添加了滑动手势的处理，以便开发者结合其他控件实现更好的交互。通常内部设置一个子View，设置scrollflags值，结合可滑动的view（NestedScrollView,RecyclerView等）滑动的改变，响应预期中的动作Behavior.

在开发中，通常至少会结合CoordinatorLayout，Toolbar+一个可滑动的view来使用，需要注意的是appbarlayout的使用离不开CoordinatorLayout,必须作为CoordinatorLayout的子布局使用，appbarlayout的子view通过xml属性app:layout_scrollFlags或者代码setScrollFlags(int flag)来设置相应的滑动标记

在开发中要想快速成长，更多是靠个人的理解及总结，对某个知识点理解透彻了，稍加总结会发现知识点长时间也不会忘记。就像对于appbarlayout，我个人目前的对其理解就是，能够让子view在CoordinatorLayout（协调布局）这个根布局中完成很好的滑动联动效果，也就是内部处理了手势滑动，根据子view的scrollflag来操作子view。

关联点

主要讲下继承，api，scrollflag

继承

api

void    addOnOffsetChangedListener(AppBarLayout.OnOffsetChangedListener listener)//添加一个偏移量改变监听AppBarLayout.LayoutParams   generateLayoutParams(AttributeSet attrs)//基于提供的属性集返回一个新的布局参数float   getTargetElevation()//获取appbarlayout的高度值final int   getTotalScrollRange()/获得所有子控件的滑动范围void    removeOnOffsetChangedListener(AppBarLayout.OnOffsetChangedListener listener)//移除偏移量改变监听void    setExpanded(boolean expanded)设置此appbarlayou是否展开void    setExpanded(boolean expanded, boolean animate)//设置appbarlayou是否展开，如果已经设置了动画，animate代表是否设置转换动画void    setOrientation(int orientation)//设置布局方向void    setTargetElevation(float elevation)//当appbarlayout需要高于内容时，可设置其高度

scrollflag

对于设置子view的scrollflag有两种方法，代码setScrollFlag（int）或者xml文件中设置子view的属性：app:layout_scrollFlags取值一共有5中类型：scroll,enterAlways,enterAlwaysCollapsed,exitUntilCollapsed,snap     1, scroll :这个子View将会随着可滚动View（如：NestedScrollView,以下都会用NestedScrollView 来代替可滚动的View ）一起滚动，就好像子View 是属于NestedScrollView的一部分一样。    2, enterAlways :CoordinatorLayout中可滚动子view（例如NestedScrollView，recyclerview） 向下滑动时，子View 马上向下滑动，向上滑动时子view马上滑动，结合scroll一起使用    3, enterAlwaysCollapsed ： enterAlwaysCollapsed 是对enterAlways 的补充，当ScrollView 向下滑动的时候，滑动View（也就是设置了enterAlwaysCollapsed 的View）下滑至折叠的高度，当ScrollView 到达滑动范围的结束值的时候，滑动View剩下的部分开始滑动。这个折叠的高度是通过View的minimum height （最小高度）指定的结合scrol或者加入其他值一起使用    4,exitUntilCollapsed： 当ScrollView 滑出屏幕时（也就时向上滑动时），滑动View先响应滑动事件，滑动至折叠高度，也就是通过minimum height 设置的最小高度后，就固定不动了，再把滑动事件交给 scrollview 继续滑动，结合scroll一起使用    5, snap：在滚动结束后，如果子view的可见部分大于50%，则子view将自动展开，反之，将折叠起来，结合scroll一起使用从上面可以看到都设置了“scroll”值

基本使用

scroll

scroll :这个子View将会随着可滚动View（如：NestedScrollView,以下都会用NestedScrollView 来代替可滚动的View ）一起滚动，就好像子View 是属于NestedScrollView的一部分一样。

效果如下：

从动画中可以看出此时toolbar相当和nestedscrollview是一个可滑动的整体布局，这个时候滑动toolbar也是可以滑动的，有可能有的程序猿会遇到无法滚动的情况，注意下NestedScrollView的高度属性，应该设置为match_parent

代码：

<?xml version="1.0" encoding="utf-8"?>    <android.support.design.widget.CoordinatorLayout    xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:app="http://schemas.android.com/apk/res-auto"    android:id="@+id/coordinator"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:fitsSystemWindows="true">        <android.support.design.widget.AppBarLayout            android:id="@+id/appbar"            android:layout_width="match_parent"            android:layout_height="wrap_content">            <android.support.v7.widget.Toolbar                android:id="@+id/toolbar"                android:layout_width="match_parent"                android:layout_height="?attr/actionBarSize"                android:background="?attr/colorPrimary"                app:title="appbarlayout"                app:layout_scrollFlags="scroll" />        </android.support.design.widget.AppBarLayout>        <android.support.v4.widget.NestedScrollView            android:layout_width="match_parent"            android:layout_height="match_parent"            app:layout_behavior="@string/appbar_scrolling_view_behavior">            <TextView                android:lineSpacingMultiplier="2"                android:layout_width="match_parent"                android:layout_height="match_parent"                android:text="@string/scroll_content"/>        </android.support.v4.widget.NestedScrollView></android.support.design.widget.CoordinatorLayout>

这里顺便讲下android:fitsSystemWindows这个属性

如果某个View 的fitsSystemWindows 设为true，那么该View的padding属性将由系统设置，用户在布局文件中设置的padding会被忽略。系统会为该View设置一个paddingTop，值为statusbar的高度。fitsSystemWindows默认为false。注意点：    只有将statusbar设为透明，或者界面设为全屏显示（设置View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN flag)时，fitsSystemWindows    才会起作用。不然statusbar的空间轮不到用户处理，这时会由ContentView的    父控件处理，如果用HierarchyView 工具查看，将会看到，ContentView的父控件的paddingTop将会被设置。    如果多个view同时设置了fitsSystemWindows，只有第一个会起作用。这是一般情况，后面会介绍特殊情况。

enterAlways

enterAlways:CoordinatorLayout中可滚动子view（例如NestedScrollView，recyclerview） 向下滑动时，子View 马上向下滑动，向上滑动时子view马上滑动，结合scroll一起使用

效果如下

可以看到这个是下滚动马上带出了toolbar,上滚动时toolbar马上向上滚动直至不可见

主要修改代码：

        <android.support.v7.widget.Toolbar            android:id="@+id/toolbar"            android:layout_width="match_parent"            android:layout_height="?attr/actionBarSize"            android:background="?attr/colorPrimary"            app:title="appbarlayout"            app:layout_scrollFlags="scroll|enterAlways" />

enterAlwaysCollapsed

enterAlwaysCollapsed :是对enterAlways 的补充，当ScrollView 向下滑动的时候，滑动View（也就是设置了enterAlwaysCollapsed 的View）下
滑至折叠的高度，当nestedscrollview 到达滑动范围的结束值的时候，滑动View剩下的部分开始滑动。这个折叠的高度是通过View的minimum height （最小高度）指定的,结合scrol或者加入其他值一起使用
，这个取值如果单单结合scroll使用，实现的效果不太好，还要结合enterAlways，通过这个值得命名似乎也可以看出什么来

先贴出两段代码看下：

<android.support.v7.widget.Toolbar    android:id="@+id/toolbar"    android:layout_width="match_parent"    //设置toolbar的高度    android:layout_height="150dp"    //设置最小高度，使其可以实现折叠的效果    android:minHeight="?attr/actionBarSize"    //内部空间放置底部，保证界面协调    android:gravity="bottom"    //设置底部外边距，保证对称    android:layout_marginBottom="25dp"    android:background="?attr/colorPrimary"    app:title="appbarlayout"    app:layout_scrollFlags="scroll|enterAlwaysCollapsed" /><android.support.v7.widget.Toolbar    。。。。    app:layout_scrollFlags="scroll|enterAlways|enterAlwaysCollapsed" />区别也就最后一句话

效果如下：

没加 enterAlways

加了 enterAlways

从结果来看两者的效果差别很大

exitUntilCollapsed

exitUntilCollapsed: 当NestedScrollView 滑出屏幕时（也就时向上滑动时），滑动View先响应滑动事件，滑动至折叠高度，也就是通过minimum height 设置的最小高度后，就固定不动了，
再把滑动事件交给 NestedScrollView 继续滑动，结合scroll一起使用

效果如下：

可以看出toolbar总是可见的，只是折叠与展开

snap

snap: 在滚动结束后，如果子view的可见部分大于50%，则子view将自动展开，反之，将折叠起来，结合scroll一起使用

效果如下：

总体上来讲对toolbar的操作还是借助CollapsingToolbarLayout这个控件实现起来效果要好些。

以上就是对AppBarLayout的简单的讲解，Demo已传github

Star地址：https://github.com/Kriy/AndroidMaterialDesignUI ,谢谢支持