首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

CoordinatorLayout填充剩余高度

CoordinatorLayout是Android Support Library中的一个布局容器,用于实现复杂的交互效果和协调子视图之间的行为。它可以用于创建各种复杂的布局,例如悬浮按钮、折叠标题栏等。

CoordinatorLayout的主要特点是可以通过使用Behavior来定义子视图之间的交互行为。Behavior是一个抽象类,可以通过继承它来自定义子视图的行为。例如,可以通过设置一个滚动行为来实现子视图的联动效果。

在填充剩余高度方面,可以使用CoordinatorLayout的特殊子视图AppBarLayout来实现。AppBarLayout是一个垂直方向的布局容器,可以包含一个或多个子视图。当AppBarLayout的子视图滚动时,可以通过设置Behavior来实现填充剩余高度的效果。

具体实现方法是在CoordinatorLayout中添加一个AppBarLayout,并在AppBarLayout中添加一个填充剩余高度的子视图,例如一个NestedScrollView。然后,通过设置AppBarLayout的Behavior为ScrollingViewBehavior,可以实现子视图在滚动时填充剩余高度的效果。

推荐的腾讯云相关产品是腾讯移动直播(https://cloud.tencent.com/product/mlvb),它是一款基于云计算和移动开发的直播解决方案。腾讯移动直播提供了丰富的功能和灵活的接口,可以帮助开发者快速搭建高质量的直播应用。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

CoordinatorLayout与滚动的处理

// 线性布局 recyclerView.setLayoutManager(new LinearLayoutManager(this)); // 设置适配器,填充数据...假设你定义了一个最小高度(minHeight)同时enterAlways也定义了,那么view将在到达这个最小高度的时候开始显示,并且从这个时候开始慢慢展开,当滚动到顶部的时候展开完。 ?...exitUntilCollapsed: 同样顾名思义,这个flag时定义何时退出,当你定义了一个minHeight,这个view将在滚动到达这个最小高度的时候消失。...同时在用户滚动的时候title的高度也会随着改变。 ? 为了制造出这种效果,我们添加一个定义了app:layout_collapseMode=”parallax” 属性的ImageView。...CoordinatorLayout的工作原理是搜索定义了CoordinatorLayout Behavior 的子view,不管是通过在xml中使用app:layout_behavior标签还是通过在代码中对

71320

CoordinatorLayout+AppBarLayout实现上滑隐藏ToolBar-Android M新控件

CoordinatorLayout 概述 CoordinatorLayout官方API ?...CoordinatorLayout使得子view之间知道了彼此的存在,一个子view的变化可以通知到另一个子view,CoordinatorLayout 所做的事情就是当成一个通信的桥梁,连接不同的view...enterAlwaysCollapsed 当你的视图已经设置minHeight属性又使用此标志时,你的视图只能已最小高度进入,只有当滚动视图到达顶部时才扩大到完整高度 exitUntilCollapsed..." app:tabTextColor="#ffffff" /> 上面有几个参数我来详细介绍下吧,其实就是通过改变这几个参数来改变TabLayout显示效果的: tabGravity —Tab的重心,有填充和居中两个值...并且给这些组件设置如下属性来告诉CoordinatorLayout,该组件是带有滑动行为的组件,然后CoordinatorLayout在接受到滑动时会通知AppBarLayout 中可滑动的Toolbar

2K30

CoordinatorLayout使用(二):Behavior流程 和 事件流

这里简单一点,不用 自定义属性,传递id了 直接写死对应的 dependencyView 只需要把这个View的Y值, 设置为 dependencyView的Y值 + dependencyView的高度...判断依赖对象 过程: 当 CoordinatorLayout 收到某个 view 的变化或者嵌套滑动事件时 CoordinatorLayout就会尝试把事件下发给Behavior 绑定了该 Behavior...parent, V child, int layoutDirection) - 同样地,CoordinatorLayout 会优先处理 Behavior 中所重写的布局事件 CoordinatorLayout...如果parent view滑动了一定距离,你需要重新计算一下parent view滑动后剩下给你的滑动距离剩余量, * 然后自己进行剩余的滑动。 * 2....与Behavior的一己之见 sidhu眼中的CoordinatorLayout.Behavior(一) sidhu眼中的CoordinatorLayout.Behavior(二) sidhu眼中的CoordinatorLayout.Behavior

1K60

Android 折叠式布局

项目,然后在创建一个Activity, OneActivity 这个Activity带有自身的XML布局文件, ** 标题栏折叠** 首先打开activity_one.xml文件 将里面的总布局改为CoordinatorLayout...嵌套好之后设置一些简单的样式即可 到这一步基本上这个折叠布局已经完成了,然后只要填充相关的控件即可实现效果,要注意的点是Toolbar中放置的是你需要折叠和展开的控件,而AppBarLayout中放置的是...ScrollView还是NestedScrollView,里面都只能包裹一个控件,我常用的是LinearLayout 然后LinearLayout里面设置纵向排列,放三张图片,这样LinearLayout的总高度就会超过手机屏幕...> <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/... </android.support.design.widget.CoordinatorLayout

1.4K20

通过来模仿稀土掘金个人页面的布局来学习使用CoordinatorLayout

效果对比图 介绍之前,我们先来看看效果对比图: 稀土掘金app原图 模仿的效果图 CoordinatorLayout的介绍 CoordinatorLayout作为“super-powered FrameLayout...CoordinatorLayout通过设置子View的 Behaviors来调度子View。...假设你定义了一个最小高度(minHeight)同时enterAlways也定义了,那么view将在到达这个最小高度的时候开始显示,并且从这个时候开始慢慢展开,当滚动到顶部的时候展开完。...exitUntilCollapsed: 同样顾名思义,这个flag时定义何时退出,当你定义了一个minHeight,这个view将在滚动到达这个最小高度的时候消失。...文字特点外形的设置 app:contentScrim 这是toolbar 标题工具栏停留在顶部时候背景的设置 app:expandedTitleMarginStart 设置扩张时候(还没有收缩时)title向左填充的距离

2.2K90

听说谷歌Baba更新了 Material UI ...

> <androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/...这里再次简单描述相关细节: Bottom Sheets具有五种状态: STATE_COLLAPSED: Bottom Sheets是可见的,但只显示可视(部分)高度。...可视高度由开发人员选择,应足以表明有额外的内容,允许用户触发某个动作或扩展Bottom Sheets; STATE_EXPANDED: Bottom Sheets是可见的并且它的最大高度并且不是拖拽或沉降...这将是可视高度,展开高度或0,以防用户操作导致底部表单隐藏; STATE_HIDDEN: Bottom Sheets隐藏。...如果已经在Activity使用CoordinatorLayout,添加底部表单很简单: 将任何视图添加为CoordinatorLayout的直接子视图。

3K20

Material Design技术分享

三、高度   高度是针对Z轴上不同平面的相对深度或距离。高度的测量单位其实和XY轴相同,这里主要是DP。...因为所有的Material元素有一个厚度为1单位的DP,高度的度量是从一个平面到另一顶端的距离,并且子对象的高度与父对象高度相关。 ?   ...高度包含了静态高度与组件高度,一般UI高度是个固定值,只有状态不一致可能上下移动,但是在变化过后都会自动恢复到自身的静态高度。下面的图表对比了多种元素的静止高度和动态高度偏移。 ?...如果有遇到下列参考阴影的高度与组件中的阴影高度不同,必须要遵循以下参考阴影的高度。 ?   ...enterAlwaysCollapsed:当你的视图已经设置minHeight属性又使用此标志时,你的视图只能以最小高度进入,只有当滚动视图到达顶部时才扩大到完整高度

2.1K60

android 设置标题栏背景颜色_状态栏菜单栏都在哪

android.R.id.content).setPadding(0, 0, 0, CommonUtils.navigationHeight); 这行代码干什么用的,因为我们这里首页和我的页面,需要背景图片填充到状态栏...带有底部导航栏手机底部导航按钮会和navigationbar重叠 如下图所示: 全屏时,由于视图布局会填充到状态栏和导航栏下方,如果不使用android:fitsSystemWindows=”true...而对于第一个首页和第四个我的fragment,则需要布局的图片填充到状态栏底下,而标题栏要位于状态栏下方,这其实只需要一种取巧实现,一般手机状态栏高度都是在25dp左右,当然在代码中动态获取状态栏高度,...+Toolbar+NestedScrollView来实现,之前我也写过类似的博文来介绍CoordinatorLayout的使用方法。...private void measureHeight() { ViewTreeObserver vto = bindingView.coordinatorlayout.getViewTreeObserver

2.2K10

Material Design 实战 之第四弹 —— 卡片布局

高度值越大,投影范围也越大,但是投影效果越淡, 高度值越小,投影范围也越小,但是投影效果越浓, FloatingActionButton同理。...正文 ---- CardView 首先这里准备用CardView来填充主题内容, CardView是用于实现卡片式布局效果的重要控件,由appcompat-v7库提供。..., 高度值越大,投影范围也越大,但是投影效果越淡, 高度值越小,投影范围也越小,但是投影效果越浓, FloatingActionButton同理。...为充分利用屏幕的空间,我们可以使用RecyclerView来填充MatenalTest项目的主界面部分。 这里参考一下郭神的demo——实现水果列表,首先需要准备许多张水果图片: ?...由于各张水果图片的长宽比例可能都不一致,为了让所有的图片都能填充满整个ImageView,这里使用了centerCrop模式,它可以让图片保持原有比例填充满ImageView,并将超出屏幕的部分裁剪掉。

2.1K10

CoordinatorLayout使用全解析

enterAlwaysCollapsed:假设你定义了一个最小高度(minHeight)同时enterAlways也定义了,那么view将在到达这个最小高度的时候开始显示,并且从这个时候开始慢慢展开,当滚动到顶部的时候展开完...有一点要注意,Meterial Design引入了Z轴的概念,就是所有的view都有了高度,他们一层一层贴在手机屏幕上,而FloatingActionButton的Z轴高度最高,它贴在所有view的最上面...CoordinatorLayout各种特效 接下来是介绍CoordinatorLayout常用的一些效果 CoordinatorLayout实现浮动操作按钮效果 效果如下: 只要使用CoordinatorLayout...假设你定义了一个最小高度(minHeight)同时enterAlways也定义了,那么view将在到达这个最小高度的时候开始显示,并且从这个时候开始慢慢展开,当滚动到顶部的时候展开完。...exitUntilCollapsed: 同样顾名思义,这个flag时定义何时退出,当你定义了一个minHeight,这个view将在滚动到达这个最小高度的时候消失。

1.9K20

Android开发笔记(一百三十四)协调布局CoordinatorLayout

协调布局CoordinatorLayout Android自5.0之后对UI做了较大的提升,一个重大的改进是推出了MaterialDesign库,而该库的基础即为协调布局CoordinatorLayout...使用CoordinatorLayout时,要注意以下几点: 1、导入design库; 2、根布局采用android.support.design.widget.CoordinatorLayout; 3、...CoordinatorLayout节点要添加命名空间声明xmlns:app="http://schemas.android.com/apk/res-auto"; CoordinatorLayout继承自...app:behavior_peekHeight : 指定弹窗的预览高度。 app:elevation : 指定弹窗的高程。...setPeekHeight : 设置弹窗的预览高度,即setState取值STATE_COLLAPSED时设定的折叠高度。 setHideable : 设置弹窗是否允许隐藏。

1.9K20
领券