2012-09-13 73 views
24

Aquí está mi diseño dentro de ViewPager. Me gustaría cambiar el color del resaltador de pestañas actual que está debajo del texto. En realidad, se muestra en color negro. Pero no sé si es un color por defecto o no. Y también tengo una duda más. Si uso PagerTitleStrip, este resaltador de pestañas no aparece. ¿Hay alguna manera de traer eso con la tirada de títulos?¿Cómo cambiar el color del resaltador de la pestaña actual en Android ViewPager?

Aquí es mi diseño:

<android.support.v4.view.PagerTabStrip android:id="@+id/pager_title_strip" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_gravity="top" 
    android:background="@color/pager_titlestrip_bg"  
    android:textColor="@color/pager_titlestrip_text" 
    android:paddingTop="5dp" 
    android:paddingBottom="4dp" > 
    </android.support.v4.view.PagerTabStrip> 
+0

He examinado la solución JakeWharton ViewPager Indicator. Para mí, las pestañas junto con deslizar simplemente funcionan bien. Pero quiero cambiar el color del indicador de pestañas. Hay una opción para cambiar la pestaña textcolor. Pero no el color indicador. Se muestra como negro por defecto. – intrepidkarthi

Respuesta

60

Esto sólo funciona.

PagerTabStrip pagerTabStrip = (PagerTabStrip) findViewById(R.id.pager_title_strip); 
pagerTabStrip.setDrawFullUnderline(true); 
pagerTabStrip.setTabIndicatorColor(Color.RED); 

¡Gracias!

11

Se puede hacer tanto en programación con Java o con XML

Por XML

<android.support.design.widget.TabLayout 
     android:id="@+id/tabanim_tabs" 
     android:layout_width="match_parent" 
     app:tabIndicatorHeight="4dp" 
     app:tabIndicatorColor="@android:color/white" 
     android:layout_height="wrap_content" /> 

o más simplemente puede resolver este Código aswell

tabLayout.setSelectedTabIndicatorColor(Color.parseColor("#FFFFFF")); 

mismo modo para cambiar la altura

tabLayout.setSelectedTabIndicatorHeight((int) (2 * getResources().getDisplayMetrics().density)); 
+0

Eso resolvió mi problema ... :) – Sangharsha

0

Esto funciona en mi proyecto.

<android.support.design.widget.TabLayout 
    android:id="@+id/tabs" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:background="#FFF" 
    app:tabGravity="fill" 
    app:tabIndicatorColor="@color/text3" 
    app:tabMode="scrollable" 
    app:tabSelectedTextColor="@color/text3" 
    app:tabTextColor="#000" /> 
Cuestiones relacionadas