MaterialDesign学习篇(三)，AppBarLayout、CollapsingToolbarLayout的使用

最新推荐文章于 2024-06-26 11:15:43 发布
最新推荐文章于 2024-06-26 11:15:43 发布
阅读量1.7k 收藏 3
点赞数
分类专栏： material-design MaterialDesign修炼秘笈 文章标签： material-design appbar coodinator 布局
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Chay_Chan/article/details/76262007
版权
本文详细介绍了MaterialDesign中的AppBarLayout和CollapsingToolbarLayout的使用方法，包括它们在CoordinatorLayout中的配合工作，以及如何通过设置scrollFlags实现不同滑动效果。同时，还展示了如何修改折叠和展开时文字的大小和字体，帮助开发者实现更丰富的界面交互。
摘要由CSDN通过智能技术生成

什么是AppBarLayout

AppBarLayout继承自LinearLayout，子控件默认为竖直方向显示，可以用它实现Material Design的Toolbar；它支持滑动手势；它的子控件可以通过在代码里调用setScrollFlags(int)或者在XML里app:layout_scrollFlags来设置它的滑动手势。当然实现这些的前提是它的根布局必须是CoordinatorLayout。这里的滑动手势可以理解为：当某个可滚动View的滚动手势发生变化时，AppBarLayout内部的子View实现某种动作。

AppBarLayout的子控件不仅仅可以设置为Toolbar，也可以包含其他的View。

上面提到使用AppBarLayout的前提是它的根布局必须是CoordinatorLayout，所以我们得先认识一下CoordinatorLayout。

CoordinatorLayout

Google官网对CoordinatorLayout的介绍：

CoordinatorLayout is a super-powered FrameLayout.

CoordinatorLayout is intended for two primary use cases:

了解本专栏 订阅专栏 解锁全文
ChayChan
关注
专栏目录
订阅专栏
AppbarLayout与CollapsingToolbarLayout的使用，app可视化开发工具
m0_66264533的博客
01-22 9747
android:id="@+id/rv_my_test" android:layout_width=“match_parent” android:layout_height=“match_parent” app:layout_behavior="@string/appbar_scrolling_view_behavior" /> </androidx.coordinatorlayout.widget.CoordinatorLayout> 在这里，你得注意如下问题： ?attr/acti
CoordinatorLayout+AppBarLayout+CollapsingToolbarLayout
07-16
CoordinatorLayout+AppBarLayout+CollapsingToolbarLayout+Toolbar+NestedScrollView+RecyclerView+FloatingActionButton的使用demo，详细说明 http://blog.csdn.net/amazing7/article/details/51918623
SeniorUI30_AppBarLayout和CollapsingToolbarLayout详解
baopengjian的专栏
12-20 278
一 FloatingActionButton悬浮按钮 Floating Action Button，简称FAB，作为材料设计中（众多）独特的UI元素之一，用于特定场景中基本或有推动等作用的行为中。因为在指定屏幕中，会被频繁的访问（译者注：如点击，触摸等），所以，我认为正确处理FAB的每一个细节是件很重要的事情。 常见API： app:backgroundTint - 设置FAB的背景颜色。 ...
深入解读一下 `com.google.android.material.appbar.CollapsingToolbarLayout`
最新发布
jiet_h的博客
06-26 786
在现代 Android 应用中，提供流畅且美观的用户体验是非常重要的。`CollapsingToolbarLayout` 是 `AndroidX`库中 `Material Components` 的一部分，它提供了一种易于实现的可折叠工具栏效果，常用于提供视觉吸引力的标题栏和动画效果。 本文将详细介绍 `CollapsingToolbarLayout` 的工作原理、使用方法、以及在实际开发中的一些高级技巧。
CoordinatorLayout、AppbarLayout和CollapsingToolbarLayout
feather(猎羽)
04-20 837
转载请注明链接：https://blog.csdn.net/feather_wch/article/details/80021699 CoordinatorLayout、AppbarLayout和CollapsingToolbarLayout 版本：2018/4/23-1 CoordinatorLayout、AppbarLayout和CollapsingToolbarLayout C...
CoordinatorLayout, AppBarLayout, CollapsingToolbarLayout使用
weixin_34358365的博客
07-04 106
本文介绍Design Support Library中CoordinatorLayout, AppBarLayout, CollapsingToolbarLayout的使用. 先列出了Design Support Library中的Features, 然后如何set up, 最后附有Demo程序, 介绍CoordinatorLayout, AppBarLayout, CollapsingToolb...
Android CoordinatorLayout AppBarLayout CollapsingToolbarLayout
FlyPig_Vip的博客
11-15 382
  getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);//FLAG_TRANSLUCENT_STATUS FLAG_LAYOUT_NO_LIMITS   &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;android.support....
Android：Material Design之CollapsingToolbarLayout使用
a526001650a的专栏
12-07 499
Android：Material Design之CollapsingToolbarLayout使用，CollapsingToolbarLayout+AppBarLayout+CollapsingToolbarLayout提供了滚屏缩放头部View的功能
Android Material Design控件之CollapsingToolbarLayout
LinWeiJ的博客
11-10 602
折叠工具栏 extends FrameLayout ,作为AppBarLayout的子布局,ToolbarLayout的父布局存在,设置app:layout_scrollFlags= &amp;quot;scroll|exitUntilCollapsed &amp;quot;实现折叠效果 四要素:collapsedTitle(可折叠标题);statusBarScrim;layout_collapseMode; app:content
Android使用Material Design自带CoordinatorLayout+AppBarLayout+CollapsingToolbarLayout+Toolbar组件实现标题栏滑动渐变色
Flutter|Android移动开发
02-26 1426
效果图如下： 未滑动颜色界面： 滑动完颜色界面： 1.首先要在app.gradle文件中添加 implementation 'com.android.support:design:26.1.0' 2.布局文件如下： &amp;amp;lt;?xml version=&amp;quot;1.0&amp;quot; encoding=&amp;quot;utf-8&amp;quot;?&amp;amp;gt; &amp;amp;lt;
CoordinatorLayout+AppBarLayout+CollapsingToolbarLayout+banner
06-29
CoordinatorLayout+AppBarLayout+CollapsingToolbarLayout+banner
android Material Design 学习之七：CollapsingToolbarLayout（可折叠式标题栏）基本使用
dhl_1986的博客
05-11 7613
经过上篇的学习 android Material Design 学习之六：AppBarLayout，Toolbar 已经支持一些联动效果。为了让ToolBar 的效果更加丰富，MD 提供了 可折叠式标题栏，CollapsingToolbarLayout,效果如下图所示：向上滚动时，通过渐变折叠的方式慢慢缩小到ToolBar 的高度，向下滚动又逐渐显示Header ,这种方式极大了提升了体验。Col...
Android Material Design 系列之 CoordinatorLayout + CollapsingToolbarLayout 开发详解
一名互联网时代苟且偷生的 Android码农
07-28 1347
前言 CoordinatorLayout 遵循 Material 风格，结合 AppbarLayout, CollapsingToolbarLayout 等可产生各种炫酷的效果，本篇博客就将介绍 CoordinatorLayout 的各种酷炫效果。 一、View 介绍 1、CoordinatorLayout 又名协调者布局，它是 support.design 包中的控件。简单来说，CoordinatorLayout 是用来协调其子 view 并以触摸影响布局的形式产生动画效果的一个 super-power
android UI AppBarLayout CollapsingToolbarLayout
牛肉丸
04-05 366
AppBarLayout简单介绍AppBarLayout 是继承LinerLayout实现的一个ViewGroup容器组件，它是为了Material Design设计的App Bar，支持手势滑动操作他的主要功能让子View（AppBar）可以选择他们自己的滚动行为(需要跟CoordinatorLayout配合使用，下面会介绍如何配合CoordinatorLayout组件)。 （1） scroll
Android基础知识 - AppbarLayout CollapsingToolbarLayout
QG
07-19 1292
AppbarLayout
AppBarLayout,CollapsingToolbarLayout以及Toolbar
yangyoupeng的博客
01-18 339
转自：http://www.jianshu.com/p/d159f0176576  （修改了下） 今天看到一个项目里面使用了一些以前没有用到过的控件，心生好奇，决定研究下。 AppBarLayout、CollapsingToolbarLayout以及Toolbar的使用 这三个View其实就是针对我们以往常用的ActionBar，就是针对我们的App的顶部的Bar玩各种花样！
Android Material Design : CollapsingToolbarLayout使用简介
Zhang Phil
10-06 3747
 Android Material Design : CollapsingToolbarLayout使用简介 我之前写了若干篇关于Android Material设计的文章： 1，《Android Material Design的FloatingActionButton，Snackbar和CoordinatorLayout》http://blog.csdn.net/zhangphil/a
Android--AppBarLayout、CollapsingToolbarLayout组合使用
aruba的博客
03-22 366
通常AppBarLayout和CollapsingToolbarLayout是一起使用的，也就是CoordinatorLayout、AppBarLayout、CollapsingToolbarLayout、Toolbar常常是组合应用的，AppBarLayout能够赋予Toolbar显示和消失的功能，而CollapsingToolbarLayout能够赋予Toolbar伸缩的功能 AppBarLa...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值