Zakładka z ikoną za pomocą TabLayout w bibliotece Android Design

Question

Próbuję użyć nowej TabLayout w bibliotece projektowania Android, aby utworzyć pasek aplikacji z ikonami.

tak:

w jaki sposób można to zrobić za pomocą nowego TabLayout Android Biblioteki projektu.

Czy istnieje proste rozwiązanie tego problemu, czy też muszę używać tylko setCustomView. staram się tego unikać. ponieważ nie uzyskałem koloru tinty dla ikony takiej jak powyższy obrazek.

staram się pisać tak:

tabLayout.addTab(tabLayout.newTab().setIcon(R.drawable.ic_dashboard)) 

ale ikona nadal pozostać w tym samym kolorze, kiedy wybrać zakładkę

Answer 1

Rozwiązałem to tak:

tint_tab.xml

<com.hannesdorfmann.appkit.image.TintableImageView 
xmlns: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"/> 

w ciebie kodu java

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

Answer 2

trzeba stworzyć selector dla ikony. Na przykład:

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

Answer 3

użyłem to lubię to: utworzyłem plik xml w losowaniu pokazanym przez @Budius.

w kodzie: tabLayout.getTabAt(0).setIcon(R.drawable.settings_tab_drawable);

i tak dalej.