2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > android 三个按钮联动 Android之嵌套联动三:CollapsingToolbarLayout+Toolbar

android 三个按钮联动 Android之嵌套联动三:CollapsingToolbarLayout+Toolbar

时间:2020-02-14 15:49:25

相关推荐

android 三个按钮联动 Android之嵌套联动三:CollapsingToolbarLayout+Toolbar

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

首先看一下大致的效果图

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配合使用

[本章完...]

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。