开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

TabLayout未显示文本

TabLayout是Android开发中常用的一个控件，用于实现选项卡式的布局。当TabLayout未显示文本时，可能有以下几个原因：

未设置TabLayout的标签文本：TabLayout需要设置标签文本才能显示内容。可以通过调用TabLayout的addTab()方法来添加标签，并设置标签的文本。
文本颜色与背景颜色相同：如果标签文本颜色与TabLayout的背景颜色相同，文本将无法显示。可以通过设置TabLayout的setTabTextColors()方法来设置文本颜色。
文本长度过长导致被截断：如果标签文本长度过长，可能会被截断而无法完整显示。可以通过设置TabLayout的setTabMode()方法为MODE_SCROLLABLE来实现可滚动的标签，以便显示完整的文本。
自定义布局导致文本不可见：如果使用了自定义布局作为标签的样式，可能会导致文本不可见。可以检查自定义布局中是否正确设置了文本的显示属性。

对于TabLayout未显示文本的问题，可以参考以下腾讯云相关产品和产品介绍链接地址：

腾讯云移动开发平台：https://cloud.tencent.com/product/mmp
腾讯云移动推送：https://cloud.tencent.com/product/tpns
腾讯云移动直播：https://cloud.tencent.com/product/mlvb
腾讯云移动分析：https://cloud.tencent.com/product/mga
腾讯云移动测试：https://cloud.tencent.com/product/mst
腾讯云移动应用安全：https://cloud.tencent.com/product/mas

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

有帮助

没帮助

相关·内容

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

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

04

TabLayout+ViewPager实现切页的示例代码

安卓使用TabLayout+ViewPager+Fragment 实现页面切换，可实现左右滑动切换视图界面和点击切换

04

使用TabLayout看这篇就够了

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

03

TabLayout使用方法详解

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

02

Android设置TabLayout熟悉及下划线宽度

动态创建(使用java代码添加tab) val fruitList = listOf(“Tab1”,“Tab2”,“Tab3”,“Tab4”,“Tab5”) 先是通过findviewbyid方法找到实例，之后调用tablayout的newTab方法来创建tab

03

TabLayout 使用详解（修改文字大小、下划线样式等）

https://github.com/yechaoa/MaterialDesign

03

Android中TabLayout添加小红点的示例代码

本文介绍了Android中TabLayout添加小红点的示例代码，分享给大家，具体如下

01

Material Design整理（八）——TabLayout

一般我们的app主界面都是界面下方或者上方有指示器，结合ViewPager或者Fragment来实现。而指示器可以是RadioGroup或者是其他简单的View（如TextView），但复杂的业务逻辑需要我们自己控制，还有过度动画也需要自己实现。

01

TabLayout使用指南

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

03

【涨姿势】你没用过的BadgeDrawable

有的同学可能会想，能实现不就行了吗，是的，代码优不优雅、骚不骚的不重要，代码和人只要有一个能跑就行…

04

打造自己的 APP「冰与火百科」（四）：WebView 交互、夜间模式

在详情页面我是用 WebView 展示的，我想实现的交互是，点击 WebView 的内容跳转另一个页面。实现过程是，让 HTML 代码调用 JavaScript 代码，再让 JavaScript 代码调用 Android 的代码，下面看看如何实现。

02

自定义一个仿拼多多地址选择器

公司正在开发一个商城项目，因为项目需要，做了一个仿拼多多的地址选择器，但是与拼多多实现方法有些出入，大体效果是差不多的。废话不多说，先上一张效果动图：

02

AndroidX TabLayout使用、扩展及解析All In One

TabLayout仍旧是移动端比较常用的一个控件，这里分析一下TabLayout，分别从下面几个方面进行解析：

07

Android--TableLayout的基本使用

Tablayout为谷歌在Design包中提供给开发者使用的ViewPager指示器，兼容到2.2以上版本，包括2.2 使用它需要先导入design包，下面介绍它的基本使用方法 <?xml versi

03

使用TabLayout遇到的几个坑

1.setupWithViewPager以后之前已经设置好的tab的视图消失了看源码： setupWithViewPager里面有这段 final PagerAdapter adapter = viewPager.getAdapter(); if (adapter != null) { // Now we'll populate ourselves from the pager adapter, adding an obs

06

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

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

06

「PhoneInfo」开发记录

开发过程中，一些低频使用的API不太记得，每次都要查一下。比如Build这个类。做一个app，一边显示代码，一边显示结果，岂不美哉。

01

【Android开发基础系列】Layout布局专题

在 Android 中视图组是集合若干个控件在一起的元素，ViewGroup 有两种用法，一种是像普通的控件一样使用(如网页视图、旋转按钮、文本切换器、图像切换器、单选按钮组等)，另一种是作为布局容器使用(各种布局)。

02

TabLayout用法，android顶部导航栏，android底部导航栏

TabLayout是android.support.design里的一个控件，使用它可以很方便的做出顶部导航和底部导航。类似于这样的，能设置选中时字体的颜色和选中时的图片。

01

TabLayout的高级使用

真实的业务场景中，很多的效果，原生的TabLayout，并不支持。例如下滑线短于文字的效果，底部导航栏效果，标签文字选中是需要加粗效果等等。

02

Android开发之漫漫长途 Fragment番外篇——TabLayout+ViewPager+Fragment

该文章是一个系列文章，是本人在Android开发的漫漫长途上的一点感想和记录，我会尽量按照先易后难的顺序进行编写该系列。该系列引用了《Android开发艺术探索》以及《深入理解Android 卷Ⅰ，Ⅱ，Ⅲ》中的相关知识，另外也借鉴了其他的优质博客，在此向各位大神表示感谢，膜拜！！！

01

Android开发笔记（一百四十七）标签布局TabLayout

标签布局TabLayout是MaterialDesign库中的一个新控件，常与工具栏Toolbar搭配使用。大家平时常用的App就有不少采用了TabLayout，比如京东App的商品页，从左到右依次是“商品”、“详情”、“评价”，具体界面如下图所示：

04

项目需求讨论 - HyBrid 模式需求改造

好，我们现在看到了，上面的菜单我们需要的东西是左上角一个返回按钮，二个下拉框，一个横向的滚动菜单（图片里面只显示了五个，其实有9个，可以横向滚动）。

01

Android实现底部状态栏切换

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

05

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

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

01

如何自定义TabLayout样式

在Android开发中经常会遇到tab页面，这样就需要tab+viewpager的方式来进行处理。谷歌官方提供了TabLayout，但是我们发现很多项目并不愿意使用，主要原因就是样式处理不够灵活。

03

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

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

03

GridView结合tablayout实现展开收缩功能

PS：最近有一些粉丝给我留言说怎么实现那种上面多个item，然后可以展开收缩，当点击了item后下方会出现一些数据，而且item对应多个型号，我当时看到这也就明白了他的意思，我上个图大家就明白了，这是腾讯云文章里的一个，这是网页端的，意思一样，就不再上移动端的图了

08

浅谈TabLayout(ViewPager+Tab联动)

google发布了的Android Support Design库中提供了TabLayout 通过TabLayout+ViewPager实现导航栏效果,点击Tab ，ViewPager跟随变化，滑动V

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

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

01

TabLayout基本使用

Tablayout继承自HorizontalScrollView，可以用作顶部标签效果、底部导航栏效果。一般多与ViewPager一起使用。

02

Android开发笔记（一百七十二）第二代翻页视图ViewPager2

正如RecyclerView横空出世取代ListView和GridView那样，Android也推出了二代翻页视图ViewPager2，打算替换原来的翻页视图ViewPager。与ViewPager相比，ViewPager2支持更丰富的界面特效，包括但不限于下列几点： 1、不但支持水平方向翻页，还支持垂直方向翻页； 2、支持RecyclerView.Adapter，允许调用适配器对象的notifyItem***方法，从而动态刷新某项视图； 3、除了当前页，也支持展示左右两页的部分区域； 4、支持在翻页过程中展示自定义的切换动画；虽然ViewPager2增加了这么棒的功能，但它用起来非常简单，掌握下面几个方法就够了： setAdapter：设置二代翻页视图的页面适配器。 setOrientation：设置二代翻页视图的翻页方向。其中ViewPager2.ORIENTATION_HORIZONTAL表示水平方向，ViewPager2.ORIENTATION_VERTICAL表示垂直方向。 setPageTransformer：设置二代翻页视图的页面转换器，以便展示切换动画。接下来利用循环适配器搭配二代翻页视图，演示看看ViewPager2的界面效果。注意RecyclerView与ViewPager2拥有各自的AndroidX库，故需修改模块的build.gradle，在dependencies节点内部补充以下两行依赖配置：

03

Tablayout简单使用方法总结

在项目中使用viewpager的时候大多数都是和TabPagerIndicator结合使用，TabPagerIndicator是第三方的，使用起来比较繁琐；

02

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

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

09

基于TabLayout中的Tab间隔设置方法(实例讲解)

TabLayout和ViewPager搭配使用，是有很多方便性，但是TabLayout这东西还是有很多被人吐槽的地方。

02

1-VVI-材料设计之-TabLayout上标签

[1].既然ViewPager和Fragment都总结完了，那就插一个材料设计中的TabLayout控件吧,这三者关系挺好 [2].TabLayout在上面就是曾经的ViewPager指示器,想当年都是自己封装来用，现在条件好了，安卓给了。 [3].引入包：implementation 'com.android.support:design:26.1.0' [4].在此之前，你应该知道ViewPager和Fragment的组合使用,如果不清楚，可以看一下：Fragment与ViewPager结合

05

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

Android tabLayout+recyclerView实现锚点定位的示例

在上一篇文章Android 实现锚点定位中，我们介绍了tablayout+scrollView实现的锚点定位，今天我们使用tablayout+recyclerView 来实现同样的效果。

05

Android TabLayout 使用进阶（含源码）

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

03

Tablayout 使用全解，一篇就够了

Tablayout 继承自 HorizontalScrollView，用作页面切换指示器，因使用简便功能强大而广泛使用在 App 中。

02

底部导航栏的几种实现方式

Android底部导航栏实现方式真的是太多了~在这里仅介绍几种实现方式~建议使用TabLayout +ViewPager ，TabLayout是Android Material Design中的控件，布局文件简单。

04

Android的TabLayout未铺满如何解决

继上次Android设置TabLayout及下划线宽度后发现有个问题没补充最近在修改界面时，发现之前的TabLayout宽度没撑满，并且设置了TabLayout.MODE_FIXED也没有生效，TabItem还是没有填满屏幕而是居中显示，原来需要设置查资料后，具体的参数设置如下便可解决：

02

解决ViewPager+多Fragment切换出现空白页面的问题

项目的主页框架是采用Activity+Fragment的架构，由于项目需求，在第一个Fragment中又采用的是TabLayout+ViewPager+Fragment的结构，假设我这里有5个子Fragment，第一个子Fragment中有控件、数据这些东西，当我从第1个滑动到第5个Fragment，再往回滑到第1个Fragment的时候，我的第一个Fragment中的控件没了，页面是空白的。具体情况如下图中所示：

03

Android开发之TabLayout实现顶部菜单

在Android开发中，经常要使用顶部菜单，如网易新闻、今日头条等，实现顶部菜单以前是ViewPager配合PagerTabStrip来实现，但Android 5.0以后，推荐大家使用MD中的TabLayout来实现，很简单哦~~
---- 开发环境：Android Studio 开发步骤 1、在 build.gradle 导入 com.android.support:design:22.2.1 2、Activity布局 <LinearLayout xmlns:android="http://

03

TabLayout关联ViewPager后不显示文字的解决方法

当使用addTab()方法给tablayout动态添加文字时可能会出现不显示标题文字的问题，而真实情况并不是不显示文字，而是ViewPager又给TabLayout加了许多空的标题，导致之前手动添加的标题被挤到后面，不信你多往后翻一翻是不是就出来了。那么这些空的标题是如何产生的呢，通过分析TabLayout源码很快就查出这个问题，其中有个方法的代码是这样的：

03

Android 实现锚点定位思路详解

相信做前端的都做过页面锚点定位的功能，通过<a href="#head" rel="external nofollow" 去设置页面内锚点定位跳转。

02

TabLayout tabMode="scrollable" 时，修改tab的宽度

使用TabLayout，但是 tabMode="scrollable" 时，两个tab之间的间距太开了，实在不美观，看TabLayout源码，原来是设置了最小间距导致的：

02

Android 实现锚点定位

相信做前端的都做过页面锚点定位的功能，通过去设置页面内锚点定位跳转。本篇文章就使用tablayout、scrollview来实现android锚点定位的功能。效果图：

02

Android 中基于TabLayout+ViewPager实现标签卡效果

代码已经上传至Github：https://github.com/YanYoJun/ViewPagerDemo

01

炫酷~RecyclerView视差装饰器-ParallaxDecoration

接下来我要写一个简单示例，先分析一下布局，见下图，最外层是NestedScrollView，之后嵌套一个LinearLayout头部，中间TabLayout选择器，底部一个ViewPager

00

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭