I am using the custom icon tab. about smarttablayout

[ogaclejapan]

Hi, @hksfho

Solved?

There are other ways to use the CustomTabProvider.

custom_tab_icon_and_text:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  android:orientation="vertical"
  android:layout_width="wrap_content"
  android:layout_height="match_parent"
  android:background="?attr/selectableItemBackground"
  >

  <TextView
    android:id="@+id/custom_tab_text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:textColor="@color/custom_tab"
    android:textSize="14sp"
    />

  <com.ogaclejapan.smarttablayout.demo.TintableImageView
    android:id="@+id/custom_tab_icon"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:scaleType="center"
    app:tint="@color/custom_tab_icon"
    />

</LinearLayout>

TabActivity:

FragmentPagerItems pages = FragmentPagerItems.with(this)
    .add("TitleA", DemoFragment.class)
    .add("TitleB", DemoFragment.class)
    .add("TitleC", DemoFragment.class)
    .create();

final LayoutInflater inflater = LayoutInflater.from(this);
final Resources res = getResources();

viewPagerTab.setCustomTabView(new SmartTabLayout.TabProvider() {
  @Override
  public View createTabView(ViewGroup container, int position, PagerAdapter adapter) {
    View itemView = inflater.inflate(R.layout.custom_tab_icon_and_text, container, false);
    TextView text = (TextView) itemView.findViewById(R.id.custom_tab_text);
    text.setText(adapter.getPageTitle(position));
    ImageView icon = (ImageView) itemView.findViewById(R.id.custom_tab_icon);
    switch (position) {
      case 0:
        icon.setImageDrawable(res.getDrawable(R.drawable.ic_icon_xxx));
        break;
      case 1:
        icon.setImageDrawable(res.getDrawable(R.drawable.ic_icon_xxx));
        break;
      case 2:
        icon.setImageDrawable(res.getDrawable(R.drawable.ic_icon_xxx));
        break;
      default:
        throw new IllegalStateException("Invalid position: " + position);
    }

    return itemView;
  }
});

[rikinpatoliya]

use this two line:
android:drawableBottom="@drawable/image"
android:drawablePadding="15dp"

[devanshramen]

Thanks @ogaclejapan. Solved my issue as well.

[ogaclejapan]

👍