Skip to content Skip to sidebar Skip to footer

Tab With Icon Using Tablayout In Android Design Library

I'm trying to use the new TabLayout in the android design library to create app bar with icons only. like this: how can I do it using the new TabLayout Android Design Library. is

Solution 1:

you have to create a selector for the icon. For example:

<?xml version="1.0" encoding="utf-8"?><selectorxmlns:android="http://schemas.android.com/apk/res/android"><itemandroid:drawable="@drawable/ic_dashboard_pressed"android:state_pressed="true" /><itemandroid:drawable="@drawable/ic_dashboard_selected"android:state_selected="true" /><itemandroid:drawable="@drawable/ic_dashboard_normal" /></selector>

Solution 2:

I used it like this: created an xml file in drawable as shown by @Budius.

in the code: tabLayout.getTabAt(0).setIcon(R.drawable.settings_tab_drawable);

and so on.

Solution 3:

i solved it like this:

tint_tab.xml

<com.hannesdorfmann.appkit.image.TintableImageViewxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"android:layout_width="wrap_content"android:layout_height="wrap_content"app:tint="@color/tab_color_selector"/>

in you java code

TintableImageView tab1 = (TintableImageView) LayoutInflater.from(this).inflate(R.layout.tint_tab, null);
tab1.setImageResource(R.drawable.ic_dummy);
mTabLayout.getTabAt(0).setCustomView(tab1)

ref: https://github.com/sockeqwe/appkit/blob/master/image/src/main/java/com/hannesdorfmann/appkit/image/TintableImageView.java

Post a Comment for "Tab With Icon Using Tablayout In Android Design Library"