Android Tab标题在旧API下自动大写问题求助

我之前也踩过这个坑！旧版Android（尤其是API 21及以下）的TabLayout确实会默认把所有标题转成全大写，哪怕你在strings.xml里已经设置了首字母大写的格式。给你几个亲测有效的解决办法，按顺序试试：

方法一：通过XML属性直接设置文本样式 #

这是最直接的方式，不用写太多代码：

• 先在styles.xml里定义一个自定义的Tab文本样式，显式关闭全大写：

  <style name="CustomTabTextAppearance" parent="TextAppearance.Design.Tab">
      <item name="textAllCaps">false</item>
      <!-- 还可以在这里设置字体大小、颜色等其他样式 -->
  </style>
  

• 然后在布局文件的TabLayout标签里引用这个样式：

  <com.google.android.material.tabs.TabLayout
      android:id="@+id/tabLayout"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      app:tabTextAppearance="@style/CustomTabTextAppearance" />
  

如果不想自定义样式，也可以直接用系统自带的样式快速解决：app:tabTextAppearance="@android:style/TextAppearance.Widget.TabWidget"，这个样式本身就不会强制全大写。

方法二：代码动态控制Tab文本 #

如果你的Tab是通过代码添加或者和ViewPager绑定的，可以手动设置每个Tab的文本样式：

• 假设你已经从strings数组拿到了标题列表tabTitles，可以这样处理：

  TabLayout tabLayout = findViewById(R.id.tabLayout);
  String[] tabTitles = getResources().getStringArray(R.array.tab_titles);
  
  for (int i = 0; i < tabTitles.length; i++) {
      TabLayout.Tab tab = tabLayout.newTab();
      // 直接设置原始字符串，同时关闭全大写
      TextView tabText = new TextView(this);
      tabText.setText(tabTitles[i]);
      tabText.setAllCaps(false);
      // 可以给TextView设置其他样式，比如对齐方式、字体大小
      tabText.setGravity(Gravity.CENTER);
      tabText.setTextSize(TypedValue.COMPLEX_UNIT_SP, 14);
      tab.setCustomView(tabText);
      tabLayout.addTab(tab);
  }
  

要是你用的是setupWithViewPager，可以在绑定后遍历Tab设置：

tabLayout.setupWithViewPager(viewPager);
for (int i = 0; i < tabLayout.getTabCount(); i++) {
    TabLayout.Tab tab = tabLayout.getTabAt(i);
    if (tab != null && tab.getCustomView() == null) {
        TextView tabText = (TextView) LayoutInflater.from(this).inflate(R.layout.simple_tab_text, null);
        tabText.setText(tabTitles[i]);
        tabText.setAllCaps(false);
        tab.setCustomView(tabText);
    }
}

这里的simple_tab_text就是一个普通的TextView布局，方便统一控制样式。

方法三：全局主题设置（一劳永逸） #

如果你的App里有多个TabLayout，可以直接在全局主题里配置，避免重复设置：

• 在styles.xml的App主题里添加：

  <style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
      <!-- 其他主题属性 -->
      <item name="tabTextAppearance">@style/CustomTabTextAppearance</item>
  </style>
  

这样所有TabLayout都会默认使用这个不强制全大写的样式，不用每个布局都单独设置。

为什么之前的尝试无效？ #

旧API下TabLayout的默认样式会强制开启textAllCaps=true，而且这个属性的优先级比较高。如果你之前只在for循环里设置setText()而没关闭全大写，或者样式的父类选得不对（比如没继承TextAppearance.Design.Tab），就会被默认样式覆盖。上面的方法都是直接针对这个核心问题来解决的，应该能搞定。

内容的提问来源于stack exchange，提问作者Darksymphony