Support for TabLayout from Android Design Support library.

Thank you for this amazing library.

I am having an issue with the TabLayout widget introduced in the new Design Support Library launched by the Android team. The textviews in the tabs are not responding to the font change.

I have followed the steps from http://chrisjenx.com/calligraphy-2-0-0/. I am using v2.1.1 of your library. Am I missing something?

[scottyab]

Used CalligraphyTypefaceSpan in the getPageTitle() didn’t work for me using com.android.support:design:23.2.0. But the customView version works fine if not a little fugly. If any one is looking for code sample on how to apply a custom view with the fontPath defined heres want I used.

private void initTabs() {
        TabPagerAdapter adapter = new TabPagerAdapter(getSupportFragmentManager());
        pager.setAdapter(adapter);
        tabLayout.setupWithViewPager(pager);
        //tabLayout it doesn't respond to style attribute 'tabTextAppearance' so we have to use customview
        for (int i = 0; i < adapter.getCount(); i++) {
            TabLayout.Tab tab = tabLayout.getTabAt(i);
            if (tab != null) {
                tab.setCustomView(R.layout.tab_text);
                tab.setText(adapter.getPageTitle(i));
            }
        }
    }

Below is the custom view - res/layout/tab_text.xml

<?xml version="1.0" encoding="utf-8"?>
<!-- needs this container to work with the Tablayout -->
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center">

 <TextView
        android:id="@android:id/text1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ellipsize="end"
        android:gravity="center"
        android:maxLines="2"
        app:fontPath="**your custom font here**"
        tools:ignore="MissingPrefix"
        tools:text="User Profile" />
</FrameLayout>

[srinivaskrify]

Sorry to open this thread again, I think this might be helpful

@Override public CharSequence getPageTitle(int position) { String title = mFragmentTitleList.get(position); CalligraphyTypefaceSpan typefaceSpan = new CalligraphyTypefaceSpan(TypefaceUtils.load(activity.getAssets(), “fonts/OpenSans-Semibold.ttf”)); SpannableStringBuilder s = new SpannableStringBuilder(); s.append(title); s.setSpan(typefaceSpan, 0, title.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); return SpannableString.valueOf(s); }

I am using tablayout with view pager and it worked for me.