swipeable - Android: ¿Cómo agregar íconos/dibujos a PagerTabStrip desde la versión de soporte técnico de Android 4?

tabs android studio example

Question

Android: ¿Cómo agregar íconos / dibujos a PagerTabStrip desde la versión de soporte técnico de Android 4?

Esta es una pregunta muy específica para las personas que conocen el PagerTabStrip, no pude encontrar suficientes ejemplos en ninguna parte, es algo nuevo (The PagerTabStrip), así que no pude encontrar suficiente información.

Answer 1

@MatthewHousser si la solución de SteveR no funciona, puede deberse a que establece un tamaño fijo en PagerTabStrip en su XML. Esto es lo que yo tenía:

<android.support.v4.view.PagerTabStrip
        android:id="@+id/pager_tab_strip"
        android:layout_width="match_parent"
        android:layout_height="30dp">
</android.support.v4.view.PagerTabStrip>

Esto es lo que tengo ahora:

<android.support.v4.view.PagerTabStrip
        android:id="@+id/pager_tab_strip"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
</android.support.v4.view.PagerTabStrip>

La imagen no se mostró en el primer caso, y se muestra en el segundo caso. Espero que ayude.

Answer 2

Puede agregar fácilmente un ícono / dibujo a PageTabStrip usando SpannableString o SpannableStringBuilder.

Por ejemplo, para mostrar un icono antes del texto:

Drawable myDrawable; //Drawable you want to display

@Override
public CharSequence getPageTitle(int position) {

    SpannableStringBuilder sb = new SpannableStringBuilder(" Page #"+ position); // space added before text for convenience

    myDrawable.setBounds(0, 0, myDrawable.getIntrinsicWidth(), myDrawable.getIntrinsicHeight()); 
    ImageSpan span = new ImageSpan(myDrawable, ImageSpan.ALIGN_BASELINE); 
    sb.setSpan(span, 0, 1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); 

    return sb;
}