如何在TabLayout中更改字体大小?

时间:2018-04-14 07:56:27

标签: java android android-tablayout

在我的应用程序中,我想使用TabLayout并使用此库:

https://github.com/LiushuiXiaoxia/TabLayoutPlus

但是,文字大小很大,我想改变它。为此,我在style.xml中设置了自定义样式,但它不会更改文本大小。

XML代码:

<cn.mycommons.tablayoutplus.library.TabLayoutPlus
    android:id="@+id/fullSearch_tabLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/fullSearch_toolbar"
    android:background="@color/colorPrimary"
    android:paddingBottom="@dimen/size2"
    android:paddingLeft="@dimen/size2"
    android:paddingRight="@dimen/size2"
    app:tabIndicatorColor="@color/whiteMe"
    app:tabSelectedTextColor="@color/whiteMe"
    app:tabTextAppearance="@style/allCapsTabLayout_search"
    app:tabTextColor="@color/unSelectTab" />


<style name="allCapsTabLayout_search" parent="TextAppearance.Design.Tab">
    <item name="textAllCaps">false</item>
    <item name="android:textAllCaps">false</item>
    <item name="android:fontFamily">sans-serif</item>
    <item name="android:textSize">@dimen/font5</item>
</style>

如何更改文字大小?

3 个答案:

答案 0 :(得分:1)

转到

  

1&GT;您的图书馆模块

     

2 - ;打开文件&#34; tablayoutplus_custom_view.xml&#34;

     

3&GT;将 android:textSize =&#34; 20sp&#34; 设置为&#34; android:id =&#34; @ + id / tvTabText&#34;&#34;

&#34; BadgedTabCustomView.java&#34;

中的模块中以编程方式设置
  tvTabText.setTextSize(20);

希望这对你有帮助。

答案 1 :(得分:0)

使用此方法:将父样式用作

parent =&#34; Widget.Design.TabLayout&#34;

<style name="MyCustomTabLayout" parent="Widget.Design.TabLayout">
    <!--<item name="tabMaxWidth">@dimen/tab_max_width</item>-->
    <item name="tabIndicatorHeight">2dp</item>
    <item name="tabPaddingStart">10dp</item>
    <item name="tabPaddingEnd">10dp</item>
    <item name="tabBackground">@color/grey_200</item>
    <item name="tabTextAppearance">@style/MyCustomTabTextAppearance</item>
    <item name="tabSelectedTextColor">@color/appred</item>
</style>

<style name="MyCustomTabTextAppearance" parent="TextAppearance.Design.Tab">
    <item name="android:textSize">20sp</item>
    <item name="android:textColor">@color/grey_800</item>
    <item name="textAllCaps">true</item>
</style>

然后在Tablayout中应用你的风格:

<cn.mycommons.tablayoutplus.library.TabLayoutPlus
  //
 style="@style/MyCustomTabLayout"
  //  />

(或) 以程序方式使用此更改

 for (int i = 0; i < tabLayout.getTabCount(); i++) {
        BadgedTabCustomView customView = tabLayout.getTabCustomViewAt(i);
        if (customView != null) {
            customView.setTabText("Tab" + (i + 1));
            customView.setTabCount(i);
            customView.setTextSize(20);
        }
    }

答案 2 :(得分:0)

@RedBounce我希望以下方法适合你。 style可能无法使用TabLayout属性,因为您已使用了custom tabview。

  <cn.mycommons.tablayoutplus.library.TabLayoutPlus
    android:id="@+id/tabLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

打开TabLayoutPlus.java文件,在此课程中找到以下方法

 private BadgedTabCustomView initTab(TabLayout.Tab tab) {
    BadgedTabCustomView customView = new BadgedTabCustomView(getContext());
    customView.tvTabText.setTextColor(getTabTextColors());

    //add your tab font size here as you want
    customView.tvTabText.setTextSize(20);

    customView.tvTabSubText.setTextColor(getTabTextColors());
    if (subTextSize > 0) {
        customView.tvTabSubText.setTextSize(TypedValue.COMPLEX_UNIT_PX, subTextSize);
    }

    customView.tvTabCount.setTextColor(countTextColor);
    if (countTextSize > 0) {
        customView.tvTabCount.setTextSize(TypedValue.COMPLEX_UNIT_PX, countTextSize);
    }
    customView.tvTabCount.setBackgroundDrawable(countTextBackground);
    customView.setTabText(tab.getText());

    tab.setCustomView(customView);

    return customView;
}

在这个方法中放下线

customView.tvTabText.setTextSize(20); // 20是字体大小