开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

隐藏appbarlayout的tablayout

是通过设置相应属性来实现的。具体步骤如下：

在布局文件中，找到包含TabLayout的AppBarLayout组件，通常是在CoordinatorLayout中。在TabLayout组件的外层添加一个新的FrameLayout组件，作为包裹TabLayout的容器。
设置TabLayout的属性app:layout_scrollFlags为"scroll|enterAlways"，表示TabLayout可以跟随滚动而隐藏，并且在向下滚动时自动显示。
设置TabLayout容器的高度为0dp，并且设置属性app:layout_collapseMode为"pin"，表示TabLayout容器会随着内容的滚动而自动收缩和展开。

示例代码如下：

<androidx.coordinatorlayout.widget.CoordinatorLayout>

    <com.google.android.material.appbar.AppBarLayout>

        <!--其他组件，例如Toolbar等-->

        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            app:layout_behavior="@string/appbar_scrolling_view_behavior"
            app:layout_collapseMode="pin">

            <com.google.android.material.tabs.TabLayout
                android:id="@+id/tabLayout"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:layout_scrollFlags="scroll|enterAlways"/>

        </FrameLayout>

    </com.google.android.material.appbar.AppBarLayout>

    <!--其他内容布局-->

</androidx.coordinatorlayout.widget.CoordinatorLayout>

这样设置后，当向下滚动时，TabLayout会自动隐藏，并且在向上滚动时自动显示。该功能常用于需要更大的内容显示区域的界面，例如图片浏览、新闻阅读等。

腾讯云相关产品推荐：

云服务器（CVM）：提供弹性、可靠的云端服务器实例，满足不同规模的业务需求。产品介绍
腾讯云容器服务（TKE）：提供容器集群的管理和调度能力，简化应用的部署和管理。产品介绍
腾讯云数据库 MySQL 版（TencentDB for MySQL）：提供高性能、高可用的云数据库服务，支持自动备份、容灾等功能。产品介绍
腾讯云对象存储（COS）：提供安全、稳定的云端存储服务，适用于各种数据存储和备份需求。产品介绍

以上是一个简要的回答，如有需要进一步了解或有其他问题，请提供更具体的信息。

相关搜索:如何使用BottomNavigationView隐藏TabLayout 一键隐藏AppBarLayout和BottomNavigationView 使用MaterialDesignComponents在RecyclerView卷轴上隐藏AppBarLayout RecyclerView:当AppBarLayout向上滚动(隐藏)时填充屏幕高度 ViewPager选项卡下的非同级约束，其中AppbarLayout中的TabLayout和DrawerLayout中的ViewPager TabLayout的问题与AppBarLayout的FrameLayout干扰与AppBarLayout的ListView干扰 TabLayout的PressedListener事件 android中的tablayout 工具栏下的AppBarLayout 更改TabLayout中的文本如何创建这样的TabLayout？使用WebServices[API]的TabLayout AppBarLayout中的SwipeRefreshLayout未包装内容在边界上有奇怪阴影的AppBarLayout 工具栏不在AppBarLayout的中心如何在安卓系统中减少tablayout的tablayout标签页的填充？处理具有多个场景的TabLayout 访问Tablayout中片段的xml

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

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

特别喜欢稀土掘金个人界面的样子，那我们就来看看如何实现这个效果吧，要想实现这个效果，肯定需要的是Material Design风格，那就需要学会使用以下控件：CoordinatorLayout，App

09

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

从官方文档中我们可以看到： CoordinatorLayout是一个增强型的FrameLayout。两个作用： - As a top-level application decor or chrome layout - As a container for a specific interaction with one or more child views

03

CoordinatorLayout使用（四）：和Toolbar的简单使用

这篇也就简单使用，和前面关系不大就暂时不复习了这篇可能有点啰嗦，并且只是使用，没有难度熟悉的同学略过前面，或者整篇略过

03

使用CoordinatorLayout打造各种炫酷的效果

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/gdutxiaoxu/article/details/52858598

01

Android view滑动悬浮固定效果实现代码示例

在项目开发过程中，有时候会碰到这样的需求：在滑动的过程中，在某时要将子view固定在顶部（常见的是将界面中的tab在滑动到顶部的时候进行固定）。

01

学习使用Material Design控件（四）Android实现标题栏自动缩放、放大效果

CoordinatorLayout 组织它的子views之间协作的一个Layout，它可以给子View切换提供动画效果。 AppBarLayout 可以让包含在其中的控件响应被标记了ScrollingViewBehavior的View的滚动事件 CollapsingToolbarLayout 可以控制包含在CollapsingToolbarLayout其中的控件，在响应collapse时是移除屏幕和固定在最上面 TabLayout 结合ViewPager，实现多个TAB的切换的功能 NestedScrollView 与ScrollView基本相同，不过包含在NestedScrollView中的控件移动时才能时AppBarLayout缩放

03

【Android】这效果，我没法描述

前言最近接到一个需求，这需求让我表示很尴尬。（下面是一些废话）要求的效果是这样的，顶部有部分悬浮，接着是一些布局，在下面是几个可切换的Tab页面，然后滚动的时候~~吧啦吧啦吧啦吧啦~~ 还是

05

Material Design中的一些趣事

当然了，这个是我完成任务之后又写的一个demo，大家可能会想到这里用的是谷歌极力推荐我们使用的一个全新的设计语言——Material Design，然后再配上谷歌的下拉刷新控件SwipeRefreshLayout，没错，这里我们就是这样干的，因为只有一个刷新，却有三个页面，所以这里还有一个需要注意的地方就是刷新之后三个页面的数据分配问题，待会我们再来讲这个问题。

01

详解Android使用CoordinatorLayout+AppBarLayout实现拉伸顶部图片功能

四、重点在于设置AppBarLayout的Behavior这里自定义AppBarLayoutOverScrollViewBehavior，下面贴出代码

04

Material Design技术分享

因项目需要接触了近一个月的Material Design，之前只觉得它美丽而神秘，真正接触起来发现确实不错。针对这段时间做个小总结，也给广大战友们分享点踩坑的经验。第一部分是针对Material Design的个人总结，第二部分是近段时间接触到符合Material Design风格的控件以及动画总结。 Part1:什么是Material design 自2014年谷歌在I/O大会发布Material Design，至今已经两年多，其遵循纸片与墨水的视觉设计，并将物理运动带入到UI设计中，google

06

Android仿微博个人详情页滚动到顶部的实例代码

最近产品提了个新需求，需要实现点击App内的某个按钮跳转到个人详情页并且滑动到顶部，个人详情页的页面交互稍微复杂，技术角度上包含了状态栏颜色变换，view滑动联动等问题，技术实现上采用了Google出的CoordinatorLayout那套组件，由于App的个人详情页跟微博的相似，这里就拿微博为例来描述。微博默认的效果以及手动滑动到顶部的效果图如下。

02

一个Demo学会用Android兼容包新控件

伟大的Google为Android推出了一系列的兼容包，最新的就是Design Support Library了，这里我们结合v7和v4中的几个控件，来主要学习Design Support Library中的几个新控件！一个Demo学会用它们！

04

Android TabLayout 使用进阶（含源码）

对于Android开发来说，画页面算是必不可少的，因此你会接触很多不同的UI布局，你需要去绘制出来，在这过程中你已经接触过TabLayout。

03

Android利用二阶贝塞尔曲线实现添加购物车动画详解

2、起点即点击的View的位置，一般来说用如下方式即可取得。startPosition[0]为x轴开始坐标，startPosition[1]为Y轴终点坐标，两点可以看作对角线上面的两个端点（左上角x坐标，右下角y坐标）

05

是时候开始用C#快速开发移动应用了

从2015年接触Xamarin到至今已经2个年头，我对Xamarin的技能没有长进多少，但它却已经足够成熟到在跨平台移动开发工具中占有一席之地。在扫了一些资料之后，突然发现国外有很多移动端的应用已经是用Xamarin开发，Telerik还有专门的团队来开发Xamarin UI 库，这再次激发起了我的兴趣！吓得我赶紧找了个视频做了个demo，下面就一起来体验一下用C# 开发一个Material Deisgn风格的Android应用的乐趣吧。先来看一下我们开发出来的应用是个什么样子？一个酷炫的tab v

06

Android材料设计Material Design 开篇前言

so：项目源码：Github----Android_Material_Design_Test你看着办吧

01

最能解决你的痛点问题，也是你最需要的，尽在Material Design 系列这篇

这篇文章其实我一直在想，是写还是不写，因为关于讲 CoordinatorLayout，AppBarLayout，CollapsingToolbarLayout，Toolbar，TabLayout 等这些控件的使用，以前写过一篇，那就是《通过来模仿稀土掘金个人页面的布局来学习使用CoordinatorLayout 》，一直关注和看公众号的关注者应该看到过，上一篇的推送也特别讲了 CoordinatorLayout 的其他用法，看过的人都说还能这么用啊？哈哈……这次写这篇是对我上一篇《通过来模仿稀土掘金个人页面

08

CoordinatorLayout使用浅析

CoordinatorLayout是design包中的控件，作为外层控件可以协调子控件从而实现炫酷的效果等。

03

NestedScrollView 嵌套 ListView 实现滑动折叠效果

引言最近，在做公司一个design折叠效果的时候遇到个问题，就是我们本身app的方法数太多了，dex分包技术还没搞定。不得不尽量缩减一些不必要的包、类。当我们引入RecyclerView的时候，恰好

05

android design 新控件

最近在研究android 开发的新控件，包括drawer layout ,NavigationView,CoordinatorLayout,AppBarLayout,Toolbar,TabLayout,SwipeRefreshLayout,Recyclerview等。

02

Android之MaterialDesign应用技术

PS:纵观现在大大小小软件的界面都变的比较漂亮，还有一些系统了，比如小米的MIUI，华为的EMUI等，虽然底层都是安卓，但他们的界面多多少少都会不同，谷歌对这个UI也是非常重视的，MaterialDesign就是今天的主角，首先在看这个的同时，要搞清楚什么是Material Design，百度百科解释，中文名：材料设计语言，是由Google推出的全新的设计语言，谷歌表示，这种设计语言旨在为手机、平板电脑、台式机和“其他平台”提供更一致、更广泛的“外观和感觉”。design，中文是设计之意，即“设想和计划

09

ViewPager2+Fragment操作笔记

距离ViewPager2正式版的发布已经一年多了，目前ViewPager早已停止更新，官方鼓励使用ViewPager2替代。 ViewPager2底层基于RecyclerView实现，因此可以获得RecyclerView带来的诸多收益：

03

CoordinatorLayout使用全解析

CoordinatorLayout是在 Google IO/15 大会发布的，遵循Material 风格，包含在 support Library中，结合AppbarLayout, CollapsingToolbarLayout等可产生各种炫酷的效果，本篇博客就将介绍CoordinatorLayout的各种酷炫效果。

02

自定义Behavior —— 仿知乎，FloatActionButton隐藏与展示

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/gdutxiaoxu/article/details/53453958

01

AppBarLayout学习

AppBarLayout是一个垂直的LinearLayout，实现了很多和协调布局一起合作的滚动属性。其子View可以通过setScrollFlags()或在xml布局中通过app:layout_scrollFlags属性设置想要的滚动行为。

03

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

Material Design 是个好东西，它的出现使得 Android 也能定制高颜值的界面，并且指导了如果实现复杂炫丽的交互效果，而 Android Surpport Desgin 这个支持包就是 Android 官方对 Material Design 的代码实现。

03

CollapsingToolbarLayout使用

我们来看一下CollapsingToolbarLayout的使用场景。 CollapsingToolbarLayout 可以看到，Toolbar的标题放大并在下方显示，当我们向上滑动列表时，顶部He

06

再不迁移到Material Design Components 就out啦

我们最近宣布了 Material Design Components（MDC）1.1.0 ，这是一个库更新，为您的 Android 应用程序带来了 Material Theming 、新的组件、深色主题和其他令人兴奋的功能。

03

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

首先这里准备用CardView来填充主题内容， CardView是用于实现卡片式布局效果的重要控件，由appcompat-v7库提供。实际上，CardView也是一个FrameLayout，只是额外提供了圆角和阴影等效果，看上去会有立体的感觉。

01

优雅地修改 TabLayout 指示线 Indicator 的宽度

在工作中，经常会碰到把标签栏指示线的宽度，做的和文字宽度一样，甚至比文字宽度还要短的设计。使用 TabLayout 我们可以快速实现一个 Material Design 风格的标签栏，但 TabLayout 的指示线 Indicator 默认是占满一格 Tab 的，且未直接提供修改 Indicator 宽度的方法。

06

Android原生TabLayout使用全解析，看这篇就够了

为什么会有这篇文章呢，是因为之前关于TabLayout的使用陆陆续续也写了好几篇了，感觉比较分散，且不成体系，写这篇文章的目的就是希望能把各种效果的实现一次性讲齐，所以也有了标题的「看这篇就够了」。

04

用 CoordinatorLayout 处理滚动

原文地址：Handling Scrolls with CoordinatorLayout 原文作者：CODEPATH 译文出自：掘金翻译计划本文永久链接：github.com/xitu/gold-m… 译者：Feximin 总览 CoordinatorLayout 扩展了完成 Google's Material Design 中的多种滚动效果的能力。目前，此框架提供了几种不需要写任何自定义动画代码就可以（使动画）工作的方式。这些效果包括：上下滑动 Floating Action Button 以给 Sn

09

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

是不是很像支付宝的效果呢，我们今天就要通过讲解android5.0新出的控件CoordinatorLayout，AppBarLayout，CollapsingToolbarLayout来实现这个效果。

02

Android如何实现超级棒的沉浸式体验

做APP开发的过程中，有很多时候，我们需要实现沉浸式的体验。

Carson带你学Android：底部/顶部Tab导航栏快速实现-TabLayout+ViewPager+Fragment

Android开发中使用顶部 & 底部Tab导航栏的频次非常高，主要的实现手段有以下：

02

首页-底部&顶部Tab导航（菜单栏）的实现：TabLayout+ViewPager+Fragment

Android开发中使用顶部 & 底部Tab导航栏的频次非常高，主要的实现手段有以下：

02

滑动吸顶效果

需求是先滑动里面的列表，滑动到一个位置时外面滑动，外面滑动一段距离后再里面滑动。最初想用 CoordinatorLayout 加 RecyclerView，但效果不好直接用，或者用 NestedScrollView 与 RecyclerView 组合使用。

01

CoordinatorLayout打造折叠式的顶部标题栏

如果以上简单操作无法满足你的需求，最后附上参考博客文章 Android开发之CoordinatorLayout打造滑动越界弹性放大图片效果使用CoordinatorLayout打造各种炫酷的效果

03

【使用篇】WebView 实现嵌套滑动，丝滑般实现吸顶效果，完美兼容 X5 webview

最近项目在开发中，需要实现 WebView 吸顶的效果。刚开始在 Demo 实现的时候，使用的是普通的 WebView。切换到项目的时候，由于使用的是 X5 WebView，在解决过程中。又遇到了一些问题，觉得挺有代表性的，就记录了下来。

02

Android CoordinatorLayout高级用法之自定义Behavior

上次简单的说了一下CoordinatorLayout的基本用法(android特性之CoordinatorLayout用法探析实例)。其中CoordinatorLayout给我们提供了一种新的事件的处理方式，Behavior。还记得那一串字符串吗？

02

使用TabLayout看这篇就够了

TabLayout提供了一个水平的布局用来展示Tabs，很多应用都有这样的设计，典型的有网易新闻，简书，知乎等。TabLayout就可以很好的完成这一职责，当然也或许各家应用的实现方式不尽相同，这里介绍下TabLayout的用法。

03

TabLayout使用指南

TabLayout是开发中经常使用到的控件，经常与ViewPager一起配合使用，一组tab，可以点击、可以滚动。这不，我们的app中也是用到了这个控件，之前对这个控件只停留在最基本的用法，因此开发时也去查了些资料，趁着周末，就系统地再学习一下。

03

CoordinatorLayout

CoordinatorLayout作为“super-powered FrameLayout”基本实现两个功能： 1、作为顶层布局 2、调度协调子布局 CoordinatorLayout使用新的思路通过协调调度子布局的形式实现触摸影响布局的形式产生动画效果。CoordinatorLayout通过设置子View的 Behaviors来调度子View。系统（Support V7）提供了AppBarLayout.Behavior, AppBarLayout.ScrollingViewBehavior, F

TabLayout使用方法详解

TabLayout是design库提供的控件,可以方便的使用指示器,功能类似ViewPagerIndicator. 使用非常方便,Android Studio只需要在gradle中引入即可使用 .

02

Android高仿京东2020版首页联动效果！

第一张图通过RecyclerView+Vlayout多布局实现；第二张具有实战性质的效果图通过CoordinatorLayout+RecyclerView实现；

02

一篇博客让你了解Material Design的使用

Material Design是Google设计的一套视觉语言，将优先的经典的设计原理与科技创新相结合，为开发者提供一套完成视觉和交互设计规范。移动设备是这套设计语言的基础对象，让用户在不同的平台、不同尺寸的设备上能保持一致的体验。 Material Design强调交互上的即时反馈，即对于用户的触控等行为app需要给出即时的反应。同时Material Design要求应用给用户带入感，让用户在使用时是沉浸在当前的应用当中。例如Google给出了沉浸式状态栏等“工具”，希望通过改变StatusBar和NavigationBar来给用户更强的融入感，专注于应用本身提供的内容。 Google从动画、颜色、样式、触控反馈、布局等多个方面给出了Material Design的设计要求。无论是单一的控件还是图文布局，Google都给出了明确的设计说明，有兴趣的同学可以去上方提到的官方链接处做进一步了解。

03

Android5.0和6.0之后新增的控件说明

Android自5.0后增加了不少新控件，帮助开发者实现了更酷更炫的UI效果。可是对于初学者来说，这些新控件的用法不像老控件那么简单，网上相关的使用介绍也不如老控件那样丰富，种种情况无疑加大了我们学习这些新控件的难度。为此，博主初步整理了Android在5.0和6.0之后的新增控件，及其对应的说明博文，给大家提供一个可资学习和借鉴的索引。下面是新增控件的索引表格：

02

Android实现底部状态栏切换

Android开发过程中，特别是新开的项目，底部状态栏的切换使用的频率非常的高，主要的实现方式有：

05

嵌套滑动通用解决方案--NestedScrollingParent2

京东首页这是京东的首页，忽略顶部和顶部，大致理解视图结构就是：最外层为多布局的RecyclerView，最后一个item是tabLayout+ViewPager，ViewPager的每个fragment内也是RecyclerView。这是电商App首页常用的布局方式。

03

Android实现底部状态栏切换的两种方式

Android开发过程中，特别是新开的项目，底部状态栏的切换使用的频率非常的高，主要的实现方式有：

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭