分类导航

Android 发布时间：2022-04-28 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了android – 带有深色文本的白色选项卡，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我正在使用TabLayout并尝试将tabBACkground设置为带有深色文本的白色.

我似乎无法改变文本的颜色,它似乎保持白色.

这是我用过的风格：

<style name="TabWhiteText" parent="Base.TextAppearance.AppCompat">
    <item name="android:textColor">@color/deepEggplant</item>
</style>

<style name="TabWhite" parent="Widget.Design.TabLayout">
    <item name="tabSELEctedTextColor">@color/deepEggplant</item>
    <item name="tabBACkground">@android:color/white</item>
    <item name="tabInDicatorColor">@android:color/white</item>
</style>

<style name="TabWhiteMedium" parent="TabWhite">
    <item name="android:textAppearance">@style/TabWhiteText</item>
</style>

并适用于此：

<android.support.design.widget.TabLayout
        android:id="@+id/tabLayout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:elevation="4dp"
        android:layout_alignParentTop="true"
        style="@style/TabWhiteMedium"
        SELEctFromListView:tabMode="scrollable" />

解决方法

这里有一个很好的教程： http://guides.codepath.com/android/google-play-style-tabs-using-tablayout

您可以使用带深色的textColor或使用tab的白色背景：

<style name="MyCustomTabLayout" parent="Widget.Design.TabLayout">
    <item name="tabMaxWidth">@dimen/tab_max_width</item>
    <item name="tabInDicatorColor">?attr/colOraccent</item>
    <item name="tabInDicatorHeight">2dp</item>
    <item name="tabPaddingStart">12dp</item>
    <item name="tabPaddingend">12dp</item>
    <item name="tabBACkground">@android:color/white</item>
    <!-- Your white color maybe -->
    <item name="tabTextAppearance">@style/MyCustomTabTextAppearance</item>
    <item name="tabSELEctedTextColor">?android:textColorPriMary</item>
</style>

<style name="MyCustomTabTextAppearance" parent="TextAppearance.Design.Tab">
    <item name="android:textSize">14sp</item>
    <item name="android:textColor">#000000</item>
    <!-- Or your TabLayout textcolor to dark maybe -->
    <item name="textAllCaps">true</item>
</style>

然后将它用作TabLayout的样式：

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

或者其他定制.

更新：此外,无需添加样式,只需：

app:tabBACkground="@android:color/white"
app:tabTextColor="@color/darkcolor"

即：

<android.support.design.widget.TabLayout
          android:id="@+id/tab_layout"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:minHeight="?attr/actionBarSize"
          app:tabInDicatorColor="#ffffff"
          app:tabInDicatorHeight="4dp"
          app:tabBACkground="@android:color/white" 
          app:tabTextColor="@color/darkcolor"  
          app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" />