Android TabLayout标签居中，字体太长导致换行

原创 已于 2024-04-14 18:26:45 修改 · 863 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#android

于 2024-03-06 13:04:10 首次发布
博客介绍了Tablayout属性相关内容。app:tabGravity属性决定标签在TabLayout中的对齐方式，有center、fill、start三种选择；app:tabMode属性定义标签模式，有fixed（固定宽度）和scrollable（自适应宽度可滚动）两种。还提及标签居中、长字体换行显示的效果。

效果图，标签居中显示，字体太长了，换行显示

Tablayout属性

  • app:tabGravity属性定义了标签在TabLayout中的对齐方式，有三个选择的值：
    • center：标签在TabLayout中水平居中显示。
    • fill：标签在TabLayout中横向填充，平均分配宽度。
    • start：标签在TabLayout中左对齐显示。
  • app:tabMode：属性定义了标签的模式，即标签的宽度是自适应还是固定
    • fixed：标签的宽度是固定的，平均分配宽度。
    • scrollable：标签的宽度是自适应的，可以横向滚动。

解决方法：

app:tabGravity="start"
app:tabMode="fixed"

android TabLayout设置tab的时候文字默认居中，选中文字加粗
mmsx
03-03 393
TabLayout设置tab的时候文字默认居中，在TabLayout布局增加以上代码。tab选中文字加粗，需要重写TabLayout的customview进行设置。
Android View:TabLayout的文本不居中(待优化)
Faustine_Android的博客
01-16 781
临时处理TabLayout的文本不居中问题(待优化)
关于 Android 中 TabLayout 下划线适配文字长度解析（附清晰详细的源码解析）
Coder Yang
04-08 5097
温故而知新 坚持原创 请多多支持 一、问题背景 假期在做项目的时候，当时遇到了一个需求就是需要使用 TabLayout + ViewPager 来实现一个上部导航栏的动态效果，并且希望下划线的长度等于或者小于导航栏中文字的宽度，当时从网上查询资料的时候是发现目前大概是有这么三种思路来实现，第一种比较简单，就是直接通过自定义 CustomView 并在代码中动态设置给 Tab 即可，而另一种...
Android tab 栏居中滚动
06-11
ANDROID淘宝电影，日期选择功能的实现，
Android TabLayout实战：仿微信底部Tab导航设计与实现
最新发布
weixin_29155599的博客
10-18 1066
在Android UI发展进程中，Google提出的Material Design不仅是一套视觉规范，更是一种以用户为中心的交互语言。作为其关键组件之一，TabLayout承载着页面导航的核心职责，体现了“层级清晰、操作直观、反馈明确”的设计理念。它通过统一的标签样式、平滑的滑动指示器和可预测的状态反馈，提升应用的可用性与一致性。例如，在微信等主流App中，底部Tab采用图文混排、颜色状态切换等方式，精准引导用户行为，正是TabLayout结合Material Design原则的实际体现。
Viewpage2+TabLaout中tab文字过长显示不全问题
原来我是成成
07-12 826
因为我这里的tab比较少，只有2~3个，所以tabMode设置为fixed，如果tab比较多的话，可以设置为scrollable。tabGravity 有3个属性，start，center，fill。其中添加的tab文字过长，导致显示不全，后面的文字显示…
Android TabLayout居中显示
傲娇强的博客
01-08 5188
Android TabLayout居中显示设置Android TabLayout居中显示 设置Android TabLayout居中显示 只需要设置一下几个属性： app:tabGravity=“center” app:tabIndicatorFullWidth=“false” 设置为false指示器只填充item的内容宽度 app:tabMode=“fixed” ...
【Android布局设计】：Textview文字超出省略，图片靠右的高级实现方法
本文系统地介绍了Android布局设计的核心概念和实践技巧，涵盖从基础的TextView文字处理到高级的布局优化策略。首先，概述了布局设计的重要性以及TextView的文字显示与样式设置方法。接着，深入讲解了图片定位、对齐...
安卓UI布局与Tab选项卡开发源码合集
“textView根据长度自动换行.rar”则关注文本排版细节，确保长文本在不同屏幕尺寸下都能正确折行显示，避免内容溢出或截断。这类技巧在实际开发中极为重要，尤其是在处理新闻摘要、聊天记录、评论区等需要高度可读性...
Tablayout标题换行
qq_16736297的博客
06-29 6412
在开发中，遇到当tablayout的标题文字过长时，会导致标题换行，如下图我的xml如下 <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertica...
Tablayout标题四个字以上换行问题
cheryl_chenxin的博客
02-24 2139
项目中遇到tablayout的tab文字四个字或四个字以上会换行展示问题，查看了源码是最多展示两行的，查看了许多方法，有人说可以用设置 app:tabMinWidth的方法，但我不生效，最后设置了两个属性，让tab的宽度变大显示正常了 app:tabPaddingStart="-5dp" app:tabPaddingEnd="-5dp" ...
android TabLayout设置tab的时候默认居中，占不满屏幕问题解决
cjy_win的博客
03-27 8304
<android.support.design.widget.TabLayout app:tabGravity="fill" app:tabMode="fixed" android:id="@+id/tablayout" style="@style/MyTablayoutstyle" ...
【Android】SlidingTabLayout实现标题栏，教你制作title标题 简单易学。
09-06
博文介绍：http://blog.youkuaiyun.com/qq_21376985/article/details/52452468【Android】SlidingTabLayout实现标题栏，教你制作title标题 简单易学。
Android View设置：VerticalTabLayout内容/Tab 居中对齐
Faustine_Android的博客
01-14 1080
VerticalTabLayout 设置文字和图标 居中对齐
tablayout在中间显示
bobo的博客
05-30 1250
&lt;android.support.design.widget.TabLayout android:id="@+id/tabLayout" android:layout_width="match_parent" android:layout_height="match_parent" app:tabTextAppearance="@style/TabLayou...
LinearLayout里面TableLayout整体居中
feilongzaitina的专栏
10-23 1082
有两种方法 方法一：     android:layout_width="match_parent"     android:layout_height="match_parent"     android:orientation="vertical"      android:background="@drawable/mai"   android:gravity="cent
tablelayout布局内容居中的问题
热门推荐
雪看
06-20 1万+
用了android的各种布局,发现每种布局的居中，对齐方式都不一样,需要自己屡次尝试，甚是苦恼 给同样在苦恼中的人晒下TableLayout居中的方式 这是一个即将被我充斥到另外一个 android:layout_height="wrap_content" android:id="@+id/detail">   里面去的Table，其实实现它的每单元格内容居中很简单，
Android TableLayout中TextView文本不居中问题
ansondroider的博客
08-21 1087
使用TableLayout布局电话的拨号按键界面, 开发过程的某次修改后, TextView在垂直方向的居中失效了, 即使设置了gravity 为center属性也不行
自定义风格tablayout的换行以及按照屏幕自定义宽度
骚气的大勇
04-17 374
这是自定义的MultiLayout,可以在github上搜到。我这边稍微做了一点改动。给自己增加一点记录。主容器fragmrnt和activity 只要。
android HorizontalScrollView TabLayout标签栏，选中标签后自动居中
07-22
您可以通过两种方式实现这个功能： 1. 使用 `TabLayout` 的 `addOnTabSelectedListener` 方法，监听标签选中事件，在选中标签后，使用 `HorizontalScrollView` 的 `smoothScrollTo()` 方法将选中的标签滚动到居中位置。 ```java TabLayout tabLayout = findViewById(R.id.tabLayout); HorizontalScrollView scrollView = findViewById(R.id.scrollView); tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() { @Override public void onTabSelected(TabLayout.Tab tab) { // 获取选中标签的索引 int position = tab.getPosition(); // 获取标签的宽度 int tabWidth = tabLayout.getTabAt(position).getCustomView().getWidth(); // 获取屏幕宽度 int screenWidth = getResources().getDisplayMetrics().widthPixels; // 计算要滚动的距离，使选中标签居中 int scrollDistance = (tabWidth - screenWidth) / 2; // 滚动到指定位置 scrollView.smoothScrollTo(scrollDistance, 0); } @Override public void onTabUnselected(TabLayout.Tab tab) { // Do nothing } @Override public void onTabReselected(TabLayout.Tab tab) { // Do nothing } }); ``` 2. 自定义 `TabLayout` 的样式，使其支持居中显示选中标签。您可以使用 `TabGravity.CENTER` 属性将标签居中显示。 在 XML 布局文件中，将 `TabLayout` 的 `tabGravity` 属性设置为 `center`： ```xml <com.google.android.material.tabs.TabLayout android:id="@+id/tabLayout" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabGravity="center" /> ``` 请注意，第二种方式只是将选中标签居中显示，并不会自动滚动到居中位置。如果您需要在选中标签后进行滚动，仍然需要使用第一种方式中的代码。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值