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

滚动协调器布局的子片段时,如何隐藏Material Bottom App Bar?

滚动协调器布局是一种常用于实现可滚动内容的布局方式,而Material Bottom App Bar是一种常见的底部导航栏样式。当需要隐藏Material Bottom App Bar时,可以通过以下步骤实现:

  1. 在布局文件中,将滚动协调器布局(例如CoordinatorLayout)作为根布局,并在其中添加需要滚动的内容(例如RecyclerView、NestedScrollView等)和Material Bottom App Bar。
  2. 在Material Bottom App Bar的布局文件中,添加一个唯一的id,例如appBar
  3. 在代码中,获取到Material Bottom App Bar的实例,并使用hide()方法隐藏它。可以在适当的时机调用该方法,例如在滚动事件中根据滚动距离来判断是否隐藏。

以下是一个示例代码:

代码语言:txt
复制
// 获取Material Bottom App Bar的实例
MaterialBottomAppBar bottomAppBar = findViewById(R.id.appBar);

// 隐藏Material Bottom App Bar
bottomAppBar.hide();

需要注意的是,以上代码只是隐藏了Material Bottom App Bar的可见性,并没有改变布局中其他组件的位置。如果需要让其他组件填充被隐藏的空间,可以使用相应的布局参数或调整布局结构。

关于滚动协调器布局、Material Bottom App Bar以及相关的腾讯云产品,腾讯云并没有提供直接对应的产品或服务。但腾讯云提供了丰富的云计算产品和解决方案,可以满足各种应用场景的需求。具体可以参考腾讯云官方网站(https://cloud.tencent.com/)获取更多相关信息。

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

相关·内容

Material Design — App bars: bottomApp bars: bottom

App bars: bottom Material Design链接:App Bars:bottom Bottom app bar 在手机屏幕底部展示导航和关键操作。...不要将 FAB 放在 bottom app bar 外面,因为很难够到 ---- 行为 布局 为了支持 app 不同部分的意图,可以更改 bottom app bar 的布局和操作以适合每个屏幕。...查看消息时,bottom app bar 布局更改为“FAB 在尾部”布局以适应其他上下文操作。...滚动 滚动时, bottom app bar 可以出现或消失: 向下滚动隐藏 bottom app bar, 如果有FAB,则它会脱离 bar 并保留在屏幕上。...向上滚动显示 bottom app bar,如果有FAB,则重新附着 FAB。 Bottom app bar 可以改变其边缘的形状,例如凹口以容纳FAB。

2.4K80

Floating Action Button-Android M新控件

CoordinatorLayout帮助我们协调它所包含的子view之间的交互,这一点在我们后面讲如何根据滚动的变化让按钮动画隐藏与显示的时候有用。...实际上只需要指定一个布局文件,就可以看到效果了,只不过是这时候的FAB是固定在屏幕指定位置的,而无法随之滚动,不着急,下面会介绍如何设置成可滚动的FAB 属性介绍 FAB 默认使用应用主题中设置的浮起色作为按键背景...app:fabSize 属性选择普通大小或者迷你大小; 使用 android:src 改变 FAB 对应的 drawable; 使用 app:rippleColor 设置 FAB 按下时的波纹效果;...">16dpdimen> bottom">16dpdimen> 布局文件的 FAB 中,也设置相应的值。...ripple" /> 依附到list 接下来,我们可以选择将FAB和一个ListView, ScrollView 或者 RecyclerView 关联起来,这样按钮就会随着list的向下滚动而隐藏

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

    特别喜欢稀土掘金个人界面的样子,那我们就来看看如何实现这个效果吧,要想实现这个效果,肯定需要的是Material Design风格,那就需要学会使用以下控件:CoordinatorLayout,AppBarLayout...”基本实现两个功能: 作为顶层布局 调度协调子布局 CoordinatorLayout使用新的思路通过协调调度子布局的形式实现触摸影响布局的形式产生动画效果。...AppBarLayout 是一个竖直排列的线性布局,它实现了很多Material Design风格app bar的设计概念,换句话说就是滚动手势。...Scroll: 表示向下滚动时,这个View会被滚出屏幕范围直到隐藏. enterAlways: 表示向上滚动时,这个View会随着滚动手势出现,直到恢复原来的位置. enterAlwaysCollapsed...parallax - 设置为这个模式时,在内容滚动时,CollapsingToolbarLayout中的View(比如ImageView)也可以同时滚动,实现视差滚动效果,通常和layout_collapseParallaxMultiplier

    2.3K90

    CollapsingToolbarLayout使用

    :CollapsingToolbarLayout is a wrapper for Toolbar which implements a collapsing app bar....关于CollapsingToolbarLayout的属性在官网上可以查到,这里我只介绍案例中我们常用的几个属性:title标题,布局展开时放大显示在图片底部,布局折叠时缩小显示在Toolbar左侧。...,如效果图中所示;contentScrim内容遮罩,上下滚动时图片上面显示和隐藏的遮罩色,Toolbar位置的的背景色;通常这样设置:app:contentScrim="?...当设置为1.0,滚动列表时图片不会折叠移动; 代码实现: 关于CoordinatorLayout作为根布局容器如何协调子控件之间的交互行为,可以参考上一篇文章,这里我介绍一下本例中几个新的注意点。...和layout_anchorGravity可以控制FloatingActionButton的behavior和位置,如上图所示,当滚动列表是,FAB按钮会随着AppBarLayout而显示和隐藏,并自带缩放动画

    2.5K60

    Material Design技术分享

    View之间的互动   通过设置相应的behavior给子View,实现子View与父布局之间的协调布局以及动画互动,并且这不局限父子布局之间,CoordinatorLayout中子View之间的相互配合也可以实现...子view的一种插件,可以管理子view的拖,刷,拉等等一系列手势操作,CoordinatorLayout是统筹全局的管理者,组织众多子View相互协调,当一个子View位置或者滚动状态发生变化会及时通知给其他子...布局之间的滑动是如何相互影响的呢,就appbarlayout来举例,看看如何实现toolbar与布局中的RecyclerView(或者任何能滚动的控件)实现配合滑动。...,那么当子View滚动时便可触发ToolBar中的layout_scrollFlags效果。...,那么子View的下滑时ToolBar和TabLayout都会隐藏了。

    2.2K60

    CoordinatorLayout使用全解析

    简单来说,CoordinatorLayout是用来协调其子view并以触摸影响布局的形式产生动画效果的一个super-powered FrameLayout,其典型的子View包括:FloatingActionButton...AppBarLayout的子布局有5种滚动标识(上面代码CollapsingToolbarLayout中配置的app:layout_scrollFlags属性): scroll:所有想滚动出屏幕的view...CollapsingToolbarLayout可以通过app:contentScrim设置折叠时工具栏布局的颜色,通过app:statusBarScrim设置折叠时状态栏的颜色。...CollapsingToolbarLayout的子布局有3种折叠模式(Toolbar中设置的app:layout_collapseMode) off:默认属性,布局将正常显示,无折叠行为。...当CollapsingToolbarLayout的子布局设置了parallax模式时,我们还可以通过app:layout_collapseParallaxMultiplier设置视差滚动因子,值为:0~

    2.2K20

    【软件开发规范七】《Android UI设计规范》

    使用悬浮按钮要遵循以下规则: 建议只用一个悬浮按钮 悬浮按钮可以贴在纸片边缘或者接缝处,但不要贴在对话框、侧边抽屉和菜单的边缘 悬浮按钮不能被其他元素盖住,也不能挡住其他按钮 列表滚动至底部时,悬浮按钮应该隐藏...编辑 扩展的 app bar + tab bar ​编辑 加入检索 + app bar + tab bar ​编辑 默认的 app bar + tab bar ​编辑 默认的 app bar...+ 可滚动的 tab bar ​编辑 和 tab 指示器一样的字体颜色 ​编辑 被锁定滚动的 tab bar tab只用来展现不同类型的内容,不能当导航菜单使用。...navigation bar 1 ​编辑 Bottom navigation bar 2 ​编辑 Navigation drawer 导航抽屉(Navigation drawer) ​编辑...手机端的侧边抽屉距离屏幕右侧56dp。 ​编辑 侧边抽屉支持滚动。如果内容过长,设置和帮助反馈可以固定在底部。抽屉收起时,会保留之前的滚动位置。 ​

    5.1K20

    探索 Android Design Support Library v28 新增内容

    我们也可以为 Chip 实例添加监听器, 用于倾听来自用户的交互. 如果我们的 Chip 是可检查的, 那么当这个检查状态发生改变时, 我们可能会希望听到....如果的确如此, 你可以使用如下的 ChipGroup 本身的属性为子 Chip 视图添加一些间距: app:chipSpacing: 在横纵轴方向均添加间距 app:chipSpacingHorizontal...这样做时, 你需要将 ChipGroup 封装在滚动视图(如 HorizontalScrollView )中, 以便用户可以滑动正在显示的 Chip....Bottom App Bar 底部应用栏是一个新的组件, 它允许我们在布局的底部显示一个类似工具栏的组件. 这使我们能够以比标准工具栏更容易交互的方式向用户显示组件. ?...这可以通过编码方式完成,如下所示: bottom_app_bar.replaceMenu(R.menu.main) 当涉及到定义底部应用栏的样式时, 可以使用几个属性来完成此操作. app:fabAttached

    1.9K20

    Material Design — App bars: topApp bars: top

    App bars: top Material Design链接:App bars:top Top app bar 显示与当前屏幕相关的信息和操作。...Top app bar 可以转化为一个 contextual action bar。 ? 原则 ·始终保持 Top app bar 出现在 app 中每个屏幕的顶部,并且可以在滚动时消失。...Top app bar 可能会在电脑上浓缩以适应更密集的布局。 ? Prominent dense 电脑上 prominent top app bars on 可以具有密集状态以适应更密集的布局。...任何剩余的或次要的动作都应放置在 overflow menu 中(3) ---- 行为 滚动 滚动时,e top app bar 可保留原位,或以下列方式转换: ·向上滚动隐藏 top app bar...·向下滚动显示 top app bar 当 top app bar滚动时,其海拔在其他元素之上变得非常明显。

    2.3K60

    Kotlin APP首页主流框架搭建DrawerLayout+NavigationView+Toolbar+ViewPager+BottomNavigationView

    效果 页面结构解析 这是一个比较常见的APP首页的结构,侧边栏+主页,侧边栏里是一些菜单,主页由底部菜单控制内容区,内容区是可滑动的子页面。...整体比较舒服合理,各自为阵,却又能关联在一起,加上又是大众喜爱的Material Design风格,所以成为了当下APP首页的主流结构。...app_bar_main是主页内容,采用include的方式引用是为了结构清晰,避免混乱。...其他需要注意的是,NavigationView的位置应与主内容app_bar_main同级,且在主内容之后。 关于DrawerLayout更多使用可以查看:DrawerLayout使用详解。...> 上面是ViewPager,可滑动的内容区,填充一个一个的Fragment子页面。

    1.3K10

    【CSS——效果实现】动态的 Tab 栏(蓝桥杯真题-6180)【合集】

    简单来说,在页面未开始滚动时顶栏处在其原有的位置上,当页面向下滚动一定区域后,顶栏会跟随滚动固定在页面上方。 本题请实现一个顶栏固定的课程网站首页。...当用户向下滚动的高度没有超过标题栏(即 .heading 元素)的高度时,保持 Tab 栏在其原有的位置。当滚动高度超过标题栏的高度时,固定显示 Tab 栏在网页顶部。...justify-content: center:将子元素水平居中对齐。 position: sticky; top: 0px:使 Tab 栏在页面滚动时固定在顶部。...添加点击事件监听器: 使用 forEach 方法遍历所有的 Tab 栏链接,为每个链接添加点击事件监听器。 根据点击的链接索引,显示相应的面板,并隐藏其他面板。...页面滚动: 由于 Tab 栏的 position 属性设置为 sticky,当页面滚动时,Tab 栏会固定在页面顶部。 测试结果

    3600

    细说 AppbarLayout,如何理解可折叠 Toolbar 的定制

    在 Android 为实现 Material Design 提供的支持包 android support design 中,CoordinatorLayout 毫无疑问是最核心的,它通过子 View 对象配置的...可能大家注意到了上面示例中有 app:layout_scrollFlags 这样的属性,大家一定很好奇,它们是如何作用的。不要着急,下面就讲这一块的内容。...也就是说 snap 代表一种吸附的行为,当一个滑动事件结束后,Toolbar 会向最接近它的边缘自行滚动。那什么是最近的概念呢?比如向上滑动时,如果滑过了一半它就向上滚动,否则滚动回原来的地方。...(int resId) Parallax scrolling children 子 View 的视差滚动行为 CollapsingToolbarLayout 可以控制的子 View 滚动模式有 3 种...需要注意的是,这个属性作用对象是 CollapsingToolbarLayout 中的子 View 并不是 CollapsingToolbarLayout。 如何理解视差?

    3.1K30

    高仿支付宝9.9.2版本生活模块界面来讲解CoordinatorLayout,AppBarLayout,CollapsingToolbarLayout

    在各个布局文件里,最外围的是CoordinatorLayout这个控件,这个有什么作用呢,就我的大白话来说就是协调子View之间动作的一个父View,通过Behavior来给子view实现交互的。...内部的子View通过在布局中加app:layout_scrollFlags设置执行的动作。...enterAlways:值设为enterAlways的View,当ScrollView往下滚动时,该View会直接往下滚动。而不用考虑ScrollView是否在滚动。...最后snap这是属性是子View不会存在局部显示的情况,滚动Child View的部分高度,当我们松开手指时,Child View要么向上全部滚出屏幕,要么向下全部滚进屏幕。...4.当app:layout_collapseMode设为parallax子View可以选择在当前的布局当时是否以“视差”的方式来跟随滚动 5.当app:layout_collapseMode设为pinToolbar

    1.1K20
    领券