提问者:小点点

如何在Android中为TabLayout设置自定义字体?


我想在我的应用程序中使用TabLayoutViewPager,但我想为TabLayout设置自定义字体,但我不能这样做!
我使用这段代码:

Typeface droidSerifMonoTF = Typeface.createFromAsset(getAssets(), "fonts/DroidSerif.ttf");

for (int i = 0; i < mSectionsPagerAdapter.getCount(); i++) {
            TextView t = new TextView(this);
            t.setText(mSectionsPagerAdapter.getPageTitle(i) );
            t.setTypeface(droidSansMonoTF);

            actionBar.addTab(actionBar.newTab()
                    .setCustomView(t)
                    .setTabListener(this));

        }

从这个链接:链接,但不要工作我!
我怎么能呢?


共1个答案

匿名用户

您可以通过扩展TabLayout类来做到这一点。覆盖onLayout方法如下:

@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom){
    super.onLayout(changed, left, top, right, bottom);

    final ViewGroup tabStrip = (ViewGroup)getChildAt(0);
    final int tabCount = tabStrip.getChildCount();
    ViewGroup tabView;
    int tabChildCount;
    View tabViewChild;

    for(int i=0; i<tabCount; i++){
        tabView = (ViewGroup)tabStrip.getChildAt(i);
        tabChildCount = tabView.getChildCount();
        for(int j=0; j<tabChildCount; j++){
            tabViewChild = tabView.getChildAt(j);
            if(tabViewChild instanceof AppCompatTextView){
                if(fontFace == null){
                    fontFace = Typeface.createFromAsset(context.getAssets(), context.getString(R.string.IranSans));
                }
                ((TextView) tabViewChild).setTypeface(fontFace, Typeface.BOLD);
            }
        }
    }
}

必须覆盖onLayout方法,因为当你使用setupWellViewPager方法将TabLayout与ViewPager绑定时,你必须使用setText方法或在PagerAdapter中设置制表符文本,当这种情况发生时,onLayout方法在父ViewGroup(TabLayout)上被调用,这就是设置字体的地方。(更改TextView文本会导致调用其父级的onLayout方法-一个tabView有两个孩子,一个是ImageView,另一个是TextView)

另一种解决方案:

首先,这几行代码:

if(fontFace == null){
    fontFace = Typeface.createFromAsset(context.getAssets(), context.getString(R.string.IranSans));
}

在上面的解决方案中,应该写在两个循环之外。

但对API更好的解决办法

创建一个名为字体的Android资源目录并将所需字体复制到该目录。

然后使用这些样式:

<style name="tabLayoutTitles">
    <item name="android:textColor">@color/white</item>
    <item name="android:textSize">@dimen/appFirstFontSize</item>
    <item name="android:fontFamily">@font/vazir_bold</item>
</style>

<style name="defaultTabLayout">
    <item name="android:layout_width">match_parent</item>
    <item name="android:layout_height">@dimen/defaultTabLayoutHeight</item>
    <item name="android:gravity">right</item>
    <item name="tabTextAppearance">@style/tabLayoutTitles</item>
    <item name="tabSelectedTextColor">@color/white</item>
    <item name="tabIndicatorColor">@color/white</item>
    <item name="tabIndicatorHeight">@dimen/accomTabIndicatorHeight</item>
    <item name="tabMode">fixed</item>
    <item name="tabGravity">fill</item>
    <item name="tabBackground">@drawable/rectangle_white_ripple</item>
    <item name="android:background">@color/colorPrimary</item>
</style>