CollapsingToolbarLayout + Toolbar的使用(实现折叠效果)
程序员文章站
2022-04-01 10:49:34
使用CoordinatorLayout + AppBarLayout + CollapsingToolbarLayout可以实现折叠效果CollapsingToolbarLayout + Toolbar组合使用可以实现header固定在页面顶部,但是有时候希望给CollapsingToolbarLayout设置一个最小高度,使页面最大只能滚动到指定的一个点,但是此时给CollapsingToolbarLayout设置minHeight不生效。分析CollapsingToolbarLayout源码找到了原因...
使用CoordinatorLayout + AppBarLayout + CollapsingToolbarLayout可以实现折叠效果
CollapsingToolbarLayout + Toolbar组合使用可以实现header固定在页面顶部,但是有时候希望给CollapsingToolbarLayout设置一个最小高度,使页面最大只能滚动到指定的一个点,但是此时给CollapsingToolbarLayout设置minHeight不生效。分析CollapsingToolbarLayout源码找到了原因,记录一下。
先放自己看源码得到的结论:
- 存在Toolbar作为CollapsingToolbarLayout的直接子元素, 那么不管自己有没有单独设置minHeight,Toolbar的高度将作为CollapsingToolbarLayout的minHeight.
- 存在Toolbar, 但是不是直接子元素, maybe孙子节点. 如果CollapsingToolbarLayout设置了toolbarId属性, 则包含了引用的Toolbar元素,且是CollapsingToolbarLayout的直接子元素的视图高度将会作为CollapsingToolbarLayout的minHeight. 如果没有设置toolbarId, 视图将会一起滑动
CollapsingToolbarLayout代码分析:
ensureToolbar方法:
private void ensureToolbar() {
...
// 1
if (toolbarId != -1) {
// If we have an ID set, try and find it and it's direct parent to us
this.toolbar = findViewById(toolbarId);
if (this.toolbar != null) {
toolbarDirectChild = findDirectChild(this.toolbar);
}
}
// 2
if (this.toolbar == null) {
// If we don't have an ID, or couldn't find a Toolbar with the correct ID, try and find
// one from our direct children
Toolbar toolbar = null;
for (int i = 0, count = getChildCount(); i < count; i++) {
final View child = getChildAt(i);
上一篇: 怎么写品牌推广软文?
下一篇: 如何快速切换网络设置
推荐阅读
-
Android 使用CoordinatorLayout实现滚动标题栏效果的实例
-
Vue使用vue-area-linkage实现地址三级联动效果的示例
-
jQuery animate()实现背景色渐变效果的处理方法【使用jQuery.color.js插件】
-
使用动画实现微信读书的换一批效果(两种方式)
-
html5使用canvas实现跟随光标跳动的火焰效果
-
vue2.0 使用element-ui里的upload组件实现图片预览效果方法
-
IOS如何使用CAShapeLayer实现复杂的View的遮罩效果
-
使用CSS变量实现炫酷惊人的悬浮效果
-
JS实现的简单折叠展开动画效果示例
-
使用vue2实现带地区编号和名称的省市县三级联动效果