Toolbar的收缩和展开

作者: 耑意儿 | 来源:发表于2021-04-12 13:57 被阅读0次
目录:
1. 概述
2. AppBarLayout的五种滚动模式:ScrollFlags
3. CollapsingToolbarLayout的三种折叠模式:collapseMode

1. 概述

1.1 CoordinatorLayout

协调者布局,用来协调子布局之间的联动。他依赖behavior插件进行协调,所以需要被协调的子布局都要添加behavior属性。
Behavior插件有点类似于RecyclerView中的LayoutManager,接管了子View的三大流程。

1.2 AppbarLayout

线性布局的子类,是一个垂直方向的LinearLayout
严重依赖CoordinatorLayout,如果父布局不是他将失去特有的滑动特性
他的子布局要明确设置scrolling behavior

1.3 CollapsingToolbarLayout

用于实现折叠布局

2. AppBarLayout的五种滚动模式:ScrollFlags

2.1 滚动模式1:scroll
app:layout_scrollFlags="scroll"

childView伴随着滚动事件而滚进或滚出屏幕

  • 若使用了其他值,必定要有这个值才起作用
  • 该子布局前面任何其他子布局未设置该值,则此子布局的设置无效
2.2 滚动模式2:enterAlways
app:layout_scrollFlags="enterAlways"

快速返回模式,向下滚动时滚动中视图与子视图之间的滚动优先级问题

  • scroll:优先滚动 Scrolling View
  • scroll|enterAlways:优先滚动子View
2.3 滚动模式3:enterAlwaysCollapsed
app:layout_scrollFlags="enterAlwaysCollapsed"

enterAlways的附加值:先滚动子View一个最小高度值,然后ScrollingView开始滚动,到达边界后,子View再滚完剩下的高度

2.4 滚动模式4:enterUntilCollapsed
app:layout_scrollFlags="enterUntilCollapsed"

向上滚动到最小高度,然后ScrollingView开始滚动,子View不完全退出屏幕

2.5 滚动模式5:snap
app:layout_scrollFlags="snap"

子View滚动比例的一个吸附效果

3 CollapsingToolbarLayout的三种折叠模式:CollapseMode

3.1 折叠模式一:none
app:layout_collapseMode="none"

视图正常运行,没有折叠行为

3.2 折叠模式二:pin
app:layout_collapseMode="pin"

视图将固定到位,直到它到达CTL的底部

3.4 折叠模式三:parallax
app:layout_collapseMode="parallax" 

视图将以视差方式滚动

相关文章

  • Toolbar的收缩和展开

    1. 概述 1.1 CoordinatorLayout 协调者布局,用来协调子布局之间的联动。他依赖behavio...

  • 可折叠式标题栏 -- CollapsingToolbarLayo

    设置展开之后 toolbar 字体的大小 设置折叠之后 toolbar 字体的大小 设置展开之后 toolbar ...

  • 可展开和收缩的UITableView

    项目中需要做一个类似于QQ通讯录的效果,即可展开和收缩的UITableView,主要是区模型通过一个标记参数进行U...

  • AppbarLayout的简单用法

    在许多App中看到, toolbar有收缩和扩展的效果, 例如: 与AppbarLayout组合的滚动布局(Rec...

  • 全文展开收缩

    需求:消息如果少于三行,正常显示,如果超过3行,只显示三行,尾部加上展开按钮,点击按钮展开,再次点击收缩 思路 通...

  • 游戏化管理树形图

    基于可视化结构做出的demo。需要 1.子任务的收缩与展开(举个想法:双击来控制收缩和展开,有子任务没有展开的球要...

  • tableview好友列表的实现

    收缩 展开

  • (JSP)列表展开和收缩实现

    这个页面做的非常完善,涉及知识点也比较多:1.动态给标签添加id2.金额格式化(每3位加逗号)3.外层li拼接的实...

  • 封装可展开和收缩的View

    先上效果图 写在前面: 当时我看到到三年二班王尼玛发表高仿哔哩哔哩客户端的SearchView这篇文章(没错,搜索...

  • 实现UITableViewCell展开收缩

    首先要理解UITableView代理方法调用的先后顺序。 当初始化UITableView后,代理回调顺序如下 1:...

网友评论

    本文标题:Toolbar的收缩和展开

    本文链接:https://www.haomeiwen.com/subject/rcbukltx.html