CollapsingToolbarLayout + Toolbar的使用(实现折叠效果)
程序员文章站
2022-07-05 22:20:54
使用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);
推荐阅读
-
vue2.0 使用element-ui里的upload组件实现图片预览效果方法
-
IOS如何使用CAShapeLayer实现复杂的View的遮罩效果
-
jQuery使用eraser.js插件实现擦除、刮刮卡效果的方法【附eraser.js下载】
-
TextView使用SpannableString设置复合文本 SpannableString实现TextView的链接效果
-
HTML5使用Audio标签实现歌词同步的效果
-
使用 vue 实现灭霸打响指英雄消失的效果附demo
-
使用 electron 实现类似新版 QQ 的登录界面效果(阴影、背景动画、窗体3D翻转)
-
Android 使用CoordinatorLayout实现滚动标题栏效果的实例
-
Vue使用vue-area-linkage实现地址三级联动效果的示例
-
jQuery animate()实现背景色渐变效果的处理方法【使用jQuery.color.js插件】