本章是以上兩篇文章的延伸。

首先看一下大致的效果圖

127.gif

下面開始詳解說明一下

(1)Toolbar屬性

上圖中給Toolbar添加了返回按鈕，并且將Toolbar的背景設置成完全透明。這里需要重點說明的兩個屬性分別是：layout_collapseMode、layout_collapseParallaxMultiplier

layout_collapseMode：折疊模式

layout_collapseParallaxMultiplier：折疊因子

[layout_collapseMode]折疊模式

該屬性有三種值，分別是pin、parallax、none。

pin：Toolbar固定，如圖：

129.gif

現象是：左上角的返回鍵位置沒有移動，說明，Toolbar是固定的。

parallax：Toolbar跟隨滾動，如圖：

130.gif

現象是：左上角的返回鍵位置跟隨滾動。

none：Toolbar跟隨滾動(默認)，和parallax一樣。

如果折疊模式選擇了parallax，那么還可以添加折疊因子layout_collapseParallaxMultiplier，用法如下圖：

圖片.png

(2)CollapsingToolbarLayout屬性

首先看一下布局代碼：

android:id="@+id/app_bar"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

android:id="@+id/collapsing_toolbar_layout"

android:layout_width="match_parent"

android:layout_height="match_parent"

app:contentScrim="?attr/colorPrimary"

app:title="CollapsingToolbarLayout演示"

app:layout_scrollFlags="scroll|exitUntilCollapsed"

app:toolbarId="@+id/toolbar">

android:layout_width="match_parent"

android:layout_height="match_parent"

android:scaleType="centerCrop"

android:src="@mipmap/che4"

android:visibility="visible" />

android:id="@+id/toolbar"

android:layout_width="match_parent"

android:layout_height="?attr/actionBarSize"

android:background="@android:color/transparent"

app:title="我是Toolbar"

app:navigationIcon="@mipmap/back"

app:layout_collapseMode="parallax"

app:layout_collapseParallaxMultiplier="0.7" />

AppBarLayout下是CollapsingToolbarLayout，CollapsingToolbarLayout是design依賴中的控件之一，主要目的是為了實現Toolbar的折疊效果。

[app:layout_scrollFlags]：這個屬性上一篇文章已經解釋過了，不再重復描述了。

[app:toolbarId]：在折疊的時候 顯示的toolbar的id

[contentScrim]：當Toolbar折疊到一定程度時的背景顏色

[scrimAnimationDuration]：控制Toolbar收縮時，顏色變化持續時間

[collapsedTitleTextAppearance]：在折疊的時候標題文字的外觀。必須引用另一個資源

[expandedTitleTextAppearance ]：在展開的時候標題文字的外觀

[collapsedTitleGravity]：指定在折疊之后標題放置的位置

[expandedTitleGravity]：在展開的時候 標題放置的位置

[expandedTitleMargin]：設置邊界距離，還可以單獨設置Bottom、Top、Left、Right等

[scrimVisibleHeightTrigger]：觸發背景顏色改變

[statusBarScrim]：在折疊的時候 狀態欄 的背景顏色(一般不需要設置)

[titleEnabled]：是否顯示標題

以上屬性效果就不截圖了。

(3)其他說明

如果理解前兩篇文章的話，就會覺得這個特別簡單

CollapsingToolbarLayout往往和Toolbar配合使用

[本章完...]

總結

以上是生活随笔為你收集整理的android 三个按钮联动,Android之嵌套联动三：CollapsingToolbarLayout+Toolbar的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。