android开发:CoordinatorLayout配合AppBarLayout实现炫酷悬停标题栏

您所在的位置:网站首页 toolbar设置标题 android开发:CoordinatorLayout配合AppBarLayout实现炫酷悬停标题栏

android开发:CoordinatorLayout配合AppBarLayout实现炫酷悬停标题栏

2023-09-19 09:27| 来源: 网络整理| 查看: 265

首先介绍上述几个控件在使用的时候的注意点: CoordinatorLayout:

是一个类似FrameLayout的布局,它是根布局

AppBarLayout:

是一个vertical的LinearLayout,他必须严格地是CoordinatorLayout的直接View,不然他一点作用都发挥不出来。

CollapsingToolbarLayout:

它是AppBarLayout下的子控件,CollapsingToolbarLayout可以看成一个可折叠的toolbar,里面包含一个imageView和一个toolbar当它缩到最小的时候就是一个普通的toolbar,它可以实现:随着滑动,图片逐渐缩小最后只剩下toolbar。必须在CollapsingToolbarLayout设置layout_scrollFlags属性才可以跟随其他view缩放,至于它的属性后面介绍。

它内部的子View一般都要加上属性:app:layout_collapseMode="",常用的是parallax,pin。parallax是视差滚动,用在imageView, pin是固定,用在toolbar。

内容控件:

我们需要和AppBarLayout同一级下添加一个内容控件,并添加

app:layout_behavior="@string/appbar_scrolling_view_behavior"

他们的层次关系如下图(图是网上扣来的)

 

先看下xml代码:


【本文地址】


今日新闻


推荐新闻


    CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3