android CoordinatorLayout
CoordinatorLayout
- layout_behavior="@string/appbar_scrolling_view_behavior" 可滚动组件
- layout_scrollFlags="scroll|enterAlways" 响应behavior触发的控件 设置响应方式
- scroll: 滚动出屏幕- 没有设置这个flag的view将被固定在屏幕顶部
- enterAlways: 让任意向下的滚动都会导致该view变为可见,启用快速“返回模式”
- enterAlwaysCollapsed: 当view已经设置minHeight又使用此标志时,view只能以最小高度进入,只有当滚动视图到达顶部时才扩大到完整高度
- exitUntilCollapsed: this flag causes the view to scroll off until it is ‘collapsed’ (its minHeight) before exiting
- layout_anchor
- layout_anchorGravity
Coordinator.Behavior
CollapsingToolbarLayout 可折叠的toolbar
- app:layout_scrollFlags="scroll|exitUntilCollapsed"
- app:layout_collapseMode : pin固定在屏幕的顶部,parallax 视差折叠
- app:layout_collapseParallaxMultiplier=”0.7” 设置视差因子
<android.support.design.widget.AppBarLayout
android:id="@+id/appbar"
android:layout_width="match_parent"
android:layout_height="@dimen/detail_backdrop_height"
android:fitsSystemWindows="true"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsing_toolbar"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
app:contentScrim="?attr/colorPrimary"
app:expandedTitleMarginEnd="64dp"
app:expandedTitleMarginStart="48dp"
app:layout_scrollFlags="scroll|exitUntilCollapsed">
<ImageView
android:id="@+id/backdrop"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
android:scaleType="centerCrop"
android:src="@drawable/ic_banner"
app:layout_collapseMode="parallax"/>
<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/ThemeOverlay.AppCompat.Light"/>
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
FloatingActionButton (extends ImageButton )
- app:fabSize
- app:elevation 高度
- app:rippleColor 涟漪颜色
- app:layout_anchor="@id/app_bar" 显示位置锚点
- app:layout_anchorGravity="bottom|right|end"