android:textAllCaps="false" 不适用于 TabLayout 设计支持

Question

我在我的 android.support.design.widget.TabLayout 中设置了 android:textAllCaps="false"，以为它只显示全部大写的标签标题。

如何删除所有大写字母？

Answer 1

设计库更新 23.2.0+

原始答案不适用于设计库 23.2.0 或更高版本。感谢 @fahmad6 在评论中指出，以防有人错过该评论，我会把它放在这里。您需要将 textAllCaps 和 android:textAllCaps 都设置为 false 以禁用所有大写设置。

<style name="MyCustomTextAppearance" parent="TextAppearance.Design.Tab">
      <item name="textAllCaps">false</item>
      <item name="android:textAllCaps">false</item>
</style>

原始答案

默认情况下，选项卡由 TabLayout 创建，将 textAllCaps 属性设置为 true，您必须定义一个样式使此标志为 false。

<style name="MyCustomTabLayout" parent="Widget.Design.TabLayout">
      <item name="tabTextAppearance">@style/MyCustomTextAppearance</item>
</style>

<style name="MyCustomTextAppearance" parent="TextAppearance.Design.Tab">
      <item name="textAllCaps">false</item>
</style>

Answer 2

在 14 之前的版本中，您需要设置（由 Paresh Mayani 评论）：

<style name="MyCustomTabLayout" parent="Widget.Design.TabLayout">
  <item name="tabTextAppearance">@style/MyCustomTextAppearance</item>
</style>

<style name="MyCustomTextAppearance" parent="TextAppearance.Design.Tab">
  <item name="textAllCaps">false</item>
</style>

但是，如果android版本等于或大于14，您需要设置：

<item name="android:textAllCaps">false</item>

所以，如果你需要兼容14前后的版本，你还需要创建一个文件夹values-v14，和一个文件styles.xml在该文件夹的内容：

<?xml version="1.0" encoding="utf-8"?>
<resources xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools">
    <style name="MyCustomTextAppearance" parent="TextAppearance.Design.Tab">
      <item name="android:textAllCaps">false</item>
    </style>
</resources>

Answer 3

您也可以在 Java 代码中执行此操作。如果您使用的是 SlidingTabLayout，请查看此示例：

protected TextView createDefaultTabView(Context context){
        TextView textView = new TextView(context);
        textView.setGravity(Gravity.CENTER);
        textView.setTextSize(TypedValue.COMPLEX_UNIT_SP, TAB_VIEW_TEXT_SIZE_SP);//see line 38 above change the value their in TAB_VIEW_TEXT_SIZE_SP.
        textView.setTypeface(Typeface.DEFAULT);//From DEFAULT_BOLD
        textView.setTextColor(Color.parseColor("#536DFE"));//Text color of the words in the tabs. Indigo A200

        if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB){
            // If we're running on Honeycomb or newer, then we can use the Theme's
        // selectableItemBackground to ensure that the View has a pressed state
            TypedValue outValue = new TypedValue();
            getContext().getTheme().resolveAttribute(android.R.attr.selectableItemBackground, outValue, true);
            textView.setBackgroundResource(outValue.resourceId);
        }

        if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.ICE_CREAM_SANDWICH){
            // If we're running on ICS or newer, enable all-caps to match the Action Bar tab style
            textView.setAllCaps(true);
        }

        int padding = (int)(TAB_VIEW_PADDING_DIPS * getResources().getDisplayMetrics().density);
        textView.setPadding(padding, padding, padding, padding);

        return textView;
    }

注意 textView.setAllCaps() 的周长为 true：

if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.ICE_CREAM_SANDWICH){
            // If we're running on ICS or newer, enable all-caps to match the Action Bar tab style
            textView.setAllCaps(true);
        }

当我将其更改为 (false) 时，它解决了我的问题：

textView.setAllCaps(false);

我用于选项卡的字符串资源文件也如下所示：

<string name="tab_title">Title with capital and smaller case</string>

但是，如果它全部大写，例如 >TITLE WITH ALL CAPS<，您当然仍然会在标签中获得全部大写。

我没有做其他更改。

值得注意的是，您也可以设置 textView.setAllCaps(false)，但这对我的情况没有影响。我刚刚注释掉了 textView.setAllCaps(true).

Answer 4

@Paresh Mayani 的回答是正确的，但是您只能创建标签样式

<style name="MyCustomTextAppearance" parent="TextAppearance.Design.Tab">
  <item name="textAllCaps">false</item>
</style>

并使用

<android.support.design.widget.TabLayout
    app:tabTextAppearance="@style/MyCustomTextAppearance"
    .../>

Answer 5

<android.support.design.widget.TabLayout
    app:tabTextAppearance="@android:style/TextAppearance.Widget.TabWidget"
/>

Answer 6

这是简单的解决方案....享受

 for (int tabIndex = 0; tabIndex <tabLayout.getTabCount() ; tabIndex++) {
        TextView tabTextView = (TextView)(((LinearLayout)((LinearLayout)tabLayout.getChildAt(0)).getChildAt(tabIndex)).getChildAt(1));
        tabTextView.setAllCaps(false);
    }

Answer 7

使用这个属性app:tabTextAppearance="@android:style/TextAppearance.Widget.TabWidget" 它会起作用。

  <android.support.design.widget.TabLayout
    android:id="@+id/tablayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    app:tabGravity="fill"
    app:tabTextAppearance="@android:style/TextAppearance.Widget.TabWidget"
    app:tabIndicatorColor="@color/colorPrimary"
    app:tabMode="fixed"
    app:tabPaddingStart="0dp" />

Answer 8

对于那些无法找到其他答案的人。

当您有单行标签文本时，定义样式工作正常。如果您仔细查看Tabrayout，则会发现它使用一个字段 design_tab_text_size_2line 当Tabs具有多个行。

我能找到的影响该字段的唯一方法是在您的 dimen 文件中覆盖它。

所以把这个放在你的 values/dimens.xml

<dimen name="design_tab_text_size_2line" tools:override="true">10sp</dimen>

希望对您有所帮助。

Answer 9

试试下面的方法，你可以在TabLayout

中实现TextView的所有方法

private void setCustomTab() {

    ViewGroup vg = (ViewGroup) mTabLayout.getChildAt(0);
    int tabsCount = vg.getChildCount();
    for (int j = 0; j < tabsCount; j++) {
        ViewGroup vgTab = (ViewGroup) vg.getChildAt(j);
        int tabChildsCount = vgTab.getChildCount();
        for (int i = 0; i < tabChildsCount; i++) {
            View tabViewChild = vgTab.getChildAt(i);
            if (tabViewChild instanceof TextView) {
                ((TextView) tabViewChild).setTypeface(ResourcesCompat.getFont(this,R.font.montserrat_medium));
                ((TextView) tabViewChild).setAllCaps(false);
            }
        }
    }
}

希望对您有所帮助。

Answer 10

在我的例子中有两种变体：

1) 博格丹 (susemi99)：

<android.support.design.widget.TabLayout
    app:tabTextAppearance="@android:style/TextAppearance.Widget.TabWidget"
/>

2) 作者 Paresh Mayani。我想同时拥有 android:textAllCaps="false" 和 android:textSize="15sp"，所以他的旧方法有效。

在styles.xml中写入（父级可能不同，例如，“@android:style/TextAppearance.Widget.TabWidget”，"TextAppearance.Design.Tab"）：

<style name="TabLayout" parent="Widget.Design.TabLayout">
    <item name="tabIndicatorColor">@color/color_blue</item>
    <item name="tabSelectedTextColor">@color/color_blue</item>
    <item name="tabTextColor">@color/black</item>
    <item name="tabTextAppearance">@style/TabLayoutTextAppearance</item>
</style>

<style name="TabLayoutTextAppearance" parent="TextAppearance.Design.Tab">
    <item name="android:textSize">15sp</item>
    <item name="textAllCaps">false</item>
    <item name="android:textAllCaps">false</item>
</style>

在布局中应用此样式：

<android.support.design.widget.TabLayout
    android:id="@+id/tab_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    style="@style/TabLayout"
    />

Answer 11

变化： <item name="android:textAllCaps">false</item>

搭配： <item name="textAllCaps">false</item>

Answer 12

这对我有用...

<style name="TabLayoutStyle" parent="Widget.Design.TabLayout">
    <item name="tabTextAppearance">@style/TabTextAppearance</item>
</style>

<style name="TabTextAppearance" parent="TextAppearance.Design.Tab">
    <item name="textAllCaps">false</item>
</style>

Answer 13

只需将其添加到您的自定义样式文件中

<item name="android:textStyle">normal</item>

我阅读了以上所有解决方案，并且都导致了这个问题。

Answer 14

更改 XML 文件中的属性在 Android 11 (SDK 30) 中不起作用。这是我用来使用选项卡标签单独设置选项卡的代码。它比为选项卡中的所有文本字段设置新样式或依赖现有选项卡布局更安全，因为当前选项卡设计可以通过 Android 更改。此方法假定在调用以下函数之前已设置选项卡文本。调用中的第二个参数，txt 是标签标签。

private fun setTabStyle(tabs: TabLayout, txt: String) {
    val av = ArrayList<View?>()
    tabs.findViewsWithText(av, txt, View.FIND_VIEWS_WITH_CONTENT_DESCRIPTION )
    if (av.count() > 0) {
        val avt = ArrayList<View?>()
        (av[0] as? ViewGroup)?.let {
            for ( i in 0 until it.childCount) {
                val tv = it.getChildAt(i) as? TextView
                tv?.let {t ->
                    if (tv.text == txt) {
                        t.isAllCaps = false
                        t.setTextSize(TypedValue.COMPLEX_UNIT_SP, 11.toFloat())

                    }
                }

            }

        }
    }

}

Answer 15

我只需一行就可以了

 <android.support.design.widget.TabLayout
    app:tabTextAppearance="@android:style/TextAppearance.Widget.TabWidget"/>

Answer 16

长话短说（以编程方式）...

/**
 * @param view Target TabLayout view
 * @param caps Present the text caps style
 */
public static void setAllCaps(View view, boolean caps) {
    if (view instanceof ViewGroup) {
        for (int i = 0; i < ((ViewGroup) view).getChildCount(); i++)
            setAllCaps(((ViewGroup) view).getChildAt(i),caps);
    } else if (view instanceof TextView) ((TextView) view).setAllCaps(caps);
}

这样调用 setAllCaps :

    tabLayout.addTab(tabLayout.newTab().setText("Recent"));
    tabLayout.addTab(tabLayout.newTab().setText("New"));
    setAllCaps(tabLayout,false);

android:textAllCaps="false" 不适用于 TabLayout 设计支持

android:textAllCaps="false" not working for TabLayout design Support

android

androiddesignsupport

android-tablayout