首页
学习
活动
专区
工具
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> 16dpdimen> 布局文件 FAB 中,也设置相应值。...ripple" /> 依附到list 接下来,我们可以选择将FAB和一个ListView, ScrollView 或者 RecyclerView 关联起来,这样按钮就会随着list向下滚动隐藏

1.4K40
  • 通过来模仿稀土掘金个人页面的布局来学习使用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可以控制FloatingActionButtonbehavior和位置,如上图所示,当滚动列表是,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~

    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。 ​编辑 侧边抽屉支持滚动。如果内容过长,设置和帮助反馈可以固定在底部。抽屉收起,会保留之前滚动位置。 ​

    5K20

    探索 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.8K20

    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.2K60

    Android构建Material Design应用详解

    并且在2015年IO大会上推出了一个Design Support库,这个库将Material Design中最具代表性一些控件和效果进行了封装,使得开发者在不了解Material Design情况下也可以轻松地将自己应用...LinearLayout,它在内部做了很多滚动事件封装,并应用了一些 Material Design 设计理念,AppBarLayout 解决了 在 FrameLayout 中 Toolbar 被遮挡问题...Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); setSupportActionBar(toolbar); 2.RecyclerView向上滚动隐藏...Snackbar 第一个参数需要传入一个View,可以是当前界面布局任意一个View,然后会使用这个View来自动查找最外层布局,用于展示Snackbar。...可以监听其所有控件各种事件,然后自动帮我们做出最为合理响应,就比如刚才说 Snackbar 那个bug,借助 CoordinatorLayout,就可以使得 Snackbar 向上偏移,从而确保不会被

    1K10

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

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

    1.2K10
    领券