AppBarLayout的Child View可以在xml布局文件中通過app:layout_scrollFlags設(shè)置flag,對應(yīng)的值為:
scroll鸟廓,enterAlways大州,enterAlwaysCollapsed续语,exitUntilCollapsed,snap厦画。
先貼一下基礎(chǔ)代碼
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:context=".activity.ScrollingActivity">
<android.support.design.widget.AppBarLayout
android:id="@+id/app_bar"
android:layout_width="match_parent"
android:layout_height="@dimen/app_bar_height"
android:fitsSystemWindows="true"
android:theme="@style/AppTheme.AppBarOverlay">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/toolbar_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
app:layout_scrollFlags="scroll|enterAlways|enterAlwaysCollapsed"
app:contentScrim="?attr/colorPrimary"
app:toolbarId="@+id/toolbar">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:layout_collapseMode="pin"
app:popupTheme="@style/AppTheme.PopupOverlay" />
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<include layout="@layout/content_scrolling" />
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="@dimen/fab_margin"
app:layout_anchor="@id/app_bar"
app:layout_anchorGravity="bottom|end"
app:srcCompat="@android:drawable/ic_dialog_email" />
</android.support.design.widget.CoordinatorLayout>
下面直接看效果:
-
如果不設(shè)置任何flag疮茄,AppBarLayout將固定在頂部,無法滾動
-
想要AppBarLayout滾動必須設(shè)置flag為scroll根暑,另外四個flag需要和scroll一起使用才有效
-
設(shè)置flag為scroll|enterAlways力试,則child view優(yōu)先scroll view滾動并且child view整個滑出屏幕
-
設(shè)置flag為scroll|enterAlways|enterAlwaysCollasped,向上滑時child view優(yōu)先scroll view滾動并且child 5. view整個滑出屏幕排嫌,向下滑時child view先滾動到最小高度畸裳,最小高度通過android:minHeight=""設(shè)置,然后scoll view滾動淳地,再是child view滾動
-
設(shè)置flag為scroll|enterAlwaysCollasped怖糊,向上滑時child view優(yōu)先scroll view滾動并且child 5. view整個滑出屏幕,向下滑時scroll view優(yōu)先child view滾動
-
設(shè)置flag為scroll|exitUntilCollapsed薇芝,向上滾動時蓬抄,child view優(yōu)先滾動到最小高度,然后會固定在頂部夯到,向下滾動時嚷缭,scroll view優(yōu)先child view滾動
-
設(shè)置flag為scroll|snap,當(dāng)滾動事件結(jié)束耍贾,如果child view是部分可見的阅爽,要么向上全部滾出屏幕,要么向下全部滾進屏幕