Android中TabLayout修改字型大小

小鴻洋發表於2018-09-03

TabLayout的預設字型大小有點小,無法滿足專案的要求,如圖所示:

這裡寫圖片描述

字型過小,雖然TabLayout提供了修改字型大小的相關屬性,但改起來有點拐彎抹角,下面就來看看它是如何修改的:

<android.support.design.widget.TabLayout
            android:id="@+id/tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:tabTextAppearance="@style/TabLayoutTextStyle"
            app:tabTextColor="@color/white"
            app:tabSelectedTextColor="@color/white"
            app:tabIndicatorColor="@color/white" />
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

app:tabTextAppearance 此屬性可以修改字型大小,不過我們先得在style中設定:

<style name="TabLayoutTextStyle">
        <item name="android:textSize">@dimen/textsizi</item>
    </style>
  • 1
  • 2
  • 3

然後在dimen中設定字型大小的值:

<dimen name="textsizi">20dp</dimen>
  • 1

如此一來字型的大小就設定好了,下面來看下效果:
這裡寫圖片描述

很明顯字型變大了,順帶提一下,若想修改字型顏色可以通過:

app:tabTextColor="@color/white"
app:tabSelectedTextColor="@color/white"
  • 1
  • 2

這兩個屬性來修改,如果要修改文字下方橫線的顏色的話通過下面程式碼來修改:

app:tabIndicatorColor="@color/white" 

相關文章