Android 可折叠式标题栏的实现

已于 2023-01-07 09:58:09 修改
阅读量1.3k 收藏 9
点赞数
分类专栏： Android基础笔记 文章标签： android AppBarLayout Toolbar CardView 悬浮按钮
于 2021-09-19 19:08:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/lu202032/article/details/120383111
版权

博主前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住也分享一下给大家，
👉点击跳转到网站

先看效果图：

在这里插入图片描述
一、实现步骤:

1、布局文件

<?xml version="1.0" encoding=
了解本专栏 订阅专栏 解锁全文 超级会员免费看
android折叠标题栏带动画,084-可折叠式标题栏-CollapsingToolbarLayout
weixin_39551103的博客
05-26 428
虽说我们现在的标题栏是使用Toolbar来编写的， 不过它看上去和传统的ActionBar其实没什么两样， 只不过可以响应RecyclerView的滚动事件来进行隐藏和显示。 而Material Design中并没有限定标题栏必须是长这个样子的， 事实上， 我们可以根据自己的喜好随意定制标题栏的样式。顾名思义， CollapsingToolbarLayout是一个作用于Toolbar基础之上的布局...
Android可折叠式标题栏的实现：CoordinateLayout+AppBarLayout+CollapsingToolbarLayout+Toolbar
七塘
02-23 2558
常见的效果一般有以下两种: CoordinateLayout可以实现很多功能，我们可以用其来做最外层的布局样式，但是AppBarLayout 要作为CoordinateLayout的直接子view才有效，而CollapsingToolbarLayout是不能独立存在的，它只能作为 AppBarLayout 的直接子布局来使用，所以往往就看到CoordinateLayout + AppBarLa...
android 折叠式标题栏,12Material Design-可折叠式标题栏
weixin_39807067的博客
05-26 368
CollapsingToolbarLayout这个是作用域Toolbar基础之上的布局，也是Design Support库提供的，可以让Toolbar的效果变得更加的丰富CollapsingToolbarLayout是不能独立存在的，它只能是AppBarLayout的直接子布局，而AppBarLayout又必须是CoordinatorLayout的子布局，因此这次实现的功能需要综合前面所学的各种知...
Android AppbarLayout用法详解
最新发布
XHRK1的博客
04-07 1117
是 Android Material Components 库中的一个重要视图组件，作为布局的一部分，通常用于实现可滚动的应用栏。它通过与其他布局控件（如Toolbar）结合使用，支持一些常见的交互效果，比如折叠和展开的动画效果。主要用来创建符合 Material Design 风格的顶部区域，它为复杂的应用栏交互提供了强大的支持，尤其是在多层滚动视图中。是 Android Material Design 中一个重要的布局组件，它提供了应用栏的高度自定义、折叠和展开动画、以及与滚动视图的交互。结合。
学习Android的新的UI控件Material Design（六）——CollapsingToolbarLayout实现可折叠式标题栏（综合）
Y1182848976的博客
04-18 498
开发工具：Android Studio这篇文章是这个系列的一个总结，其中用到了前面的所有UI控件的知识，来实现一个图片，一个标题，和一个可以展开的文本信息，实现流畅的切换过程，具体的开发过程如下：首先和创建一个FruitActivity和activity_fruit.xml的布局具体代码如下：activity_fruit.xml代码&lt;?xml version="1.0" encoding="...
Android Folding View（折叠视图、控件）
maozhuxigood
04-22 814
很早之前看过有人求助以下这个效果是如何实现的， 也就是侧滑菜单的一个折叠效果，其实关于这个效果的实现，谷歌的一名工程师已经完成，并开放源码到devbytes上面了。如下面所示： 地址是：https://android.googlesource.com/platform/development/+/master/samples/devbytes/graphics/，还有相应的视频解说：De...
Android5.0+(CollapsingToolbarLayout)
weixin_33675507的博客
07-28 235
2019独角兽企业重金招聘Python工程师标准>>> ...
Android界面设计：Material Design之可折叠式标题栏
jemo的博客
06-05 830
虽说现在的标题栏是使用Toolbar来编写的，不过它看上去和传统的ActionBar没什么两样，只不过可以响应RecyclerView的滚动事件来进行隐藏和显示。还可以根据自己的喜好随意定制标题栏的样式这里实现一个可折叠式标题栏的效果，要借助CollapsingToolbarLayout这个工具。
折叠式标题栏
05-11
在文件"imitationLOL"中，可能包含了模仿某个流行应用（比如英雄联盟）的折叠式标题栏实现示例。这个示例可能涵盖了自定义布局、动画效果以及与ViewPager和TabLayout的集成等细节。通过研究这个示例，开发者可以学习...
Android学习小Demo（6）图片折叠效果的实现
各研发管理
02-01 312
上一篇文章，我们利用Matrix的setPolyToPoly来实现图片的3D旋转，这一次，我们来实现一个漂亮一点的效果，让一张图片像折扇一样可以折叠起来。 具体的效果如下 这个效果是我有一次在DevBytes上看到的一个视频，由Google Android Team的员工介绍的一个效果，不过它们是把这个做成了一个可重复利用的自定义ViewGroup，我当时看了，发现这效果真是太帅了。于是自...
Android 折叠效果示例
qjbagu的专栏
02-20 4656
Android上实现各种折叠效果的demo,废话不多说，直接上代码了源码：https://github.com/openaphid/android-flip.git /* Copyright 2012 Aphid Mobile Licensed under the Apache License, Version 2.0 (the "License"); you may not use
Android 折叠布局 神奇的侧滑效果
03-16
http://blog.youkuaiyun.com/lmj623565791/article/details/44278417 代码为博客实例，有问题博客留言。
Android使用可折叠工具栏布局CollapsingToolbarLayout的代码例子
02-24
Android使用可折叠工具栏布局CollapsingToolbarLayout的代码例子。用于演示通过CollapsingToolbarLayout实现标题栏的动态折叠效果，以及AppBarLayout的五种滚动标志的完整效果图。
Android中RecyclerView实现多级折叠列表效果(TreeRecyclerView)
08-30
RecyclerView出现已经有一段时间了，相信大家肯定不陌生了，下面这篇文章主要给大家介绍了Android中RecyclerView实现多级折叠列表效果(TreeRecyclerView)的相关资料，文中介绍的非常详细，需要的朋友可以参考下。
Android 折叠屏就要来了
xiangzhihong8的专栏
11-10 1221
北京时间 11 月 8 日，三星在旧金山向开发者发布了一款可折叠屏幕手机三星，型号为Infinity Flex Display。视频的动态图上我们可以发现，三星的折叠屏手机是屏内折叠设计，将屏幕折叠后手机的外部还有一块屏幕显示内容，但是尺寸不大。 三星发布的这款手机，实际上拥有两块屏幕，可折叠的 Infinity Flex 显示屏为内屏，而折叠以后的外屏就相对较小一些。并表示，新技术需要开发者调...
看，这个工具栏能伸缩折叠——Android CollapsingToolbarLayout使用介绍
chen03050903的博客
06-15 1177
我非常喜欢Material Design里折叠工具栏的效果，bilibili Android客户端视频详情页就是采用的这种设计。这篇文章的第二部分我们就通过简单的模仿bilibili视频详情页的实现来了解下CollapsingToolbarLayout的使用。文章的第三部分介绍了CollapsingToolbarLayout与TabLayout的组合使用。 有基础的朋友可以直接跳过第一部分。
Android 折叠式布局
2401_84149381的博客
04-09 944
折叠式布局效果图如下从头开始 先建立一个名为项目，然后在创建一个Activity,这个Activity带有自身的XML布局文件，** 标题栏折叠**首先打开文件 将里面的总布局改为里面以此嵌套。如下图所示嵌套好之后设置一些简单的样式即可 到这一步基本上这个折叠布局已经完成了，然后只要填充相关的控件即可实现效果，要注意的点是Toolbar中放置的是你需要折叠和展开的控件，而中放置的是折叠之后显示的控件，这个地方你可以放任何控件，前提是你得避免控件之间的冲突。我们就折叠一个图片。
Android ——可折叠Title（踩坑详细记录）
qq_39636109的博客
03-13 663
1，NestedScrollView必须设置behavior，否则将与AppBarlayout重叠，因为CoordinatorLayout是一个 CoordinatorLayout is a super-powered {@link android.widget.FrameLayout FrameLayout} 2，CollapsingToolbarLayout会折叠内部的所有控件，并且它也...
深入解析：使用CoordinatorLayout实现可折叠式标题栏
在Android开发中，可折叠式标题栏是一种常见的UI设计元素，它通过滚动行为实现视图的展开和折叠，通常用于提升用户界面的交互体验和视觉效果。要实现一个可折叠式的标题栏，通常会使用到几个核心的布局组件，包括 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

路宇

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值