Join FlipAndroid.COM Telegram Group: https://t.me/joinchat/F_aqThGkhwcLzmI49vKAiw


Pestaña con icono usando TabLayout en Android Design Library

Estoy intentando utilizar el nuevo TabLayout en la biblioteca del diseño del androide para crear la barra de la aplicación con los iconos solamente.

Me gusta esto: Introduzca aquí la descripción de la imagen

Cómo puedo hacerlo usando la nueva Biblioteca de Diseño Android de TabLayout.

Hay una solución simple para esto, o tengo que utilizar el setCustomView solamente. Estoy tratando de evitar su uso. Porque no conseguí el color del tinte para el icono como esta imagen de arriba.

Trato de escribir así:

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

Pero el icono sigue estando en el mismo color cuando selecciono la pestaña

  • Varios mapas v2 en TabActivity
  • NullPointerException en rotación durante el comando dispatchCreateOptionsMenu, la traza de pila no incluye ninguna función en mi aplicación
  • ¿Cómo implementar pestañas desplazables horizontalmente?
  • ¿Cómo se utiliza TabItem cuando se coloca en el XML de la disposición?
  • Barra de acción Sherlock: las pestañas no cambiarán en el paisaje al pasar
  • Cómo utilizar el flujo principal / detallado junto con las pestañas de Android
  • Tablayout sólo con iconos
  • Intentar invocar el método virtual 'void android.support.v4.view.ViewPager.setAdapter (android.support.v4.view.PagerAdapter)' en una referencia de objeto nulo
  • 3 Solutions collect form web for “Pestaña con icono usando TabLayout en Android Design Library”

    Usted tiene que crear un selector para el icono. Por ejemplo:

     <?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> 

    Lo usé así: creó un archivo xml en drawable como se muestra por @Budius.

    En el código: tabLayout.getTabAt(0).setIcon(R.drawable.settings_tab_drawable);

    y así.

    Lo resolví así:

    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"/> 

    En tu código 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

    FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.