2012-09-13 11 views
24

Ecco il mio layout all'interno di ViewPager. Vorrei cambiare il colore dell'evidenziatore di tabulazione corrente che si trova sotto il testo. In realtà sta mostrando in colore nero. Ma non so se è un colore di default o meno. E anche io ho ancora un dubbio. Se utilizzo PagerTitleStrip questo evidenziatore scheda non viene visualizzato. C'è un modo per farlo con il titlestrip?Come modificare il colore dell'evidenziatore della scheda corrente in Android ViewPager?

Ecco il mio layout:

<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

Ho esaminato la soluzione JakeWharton ViewPager Indicator. Per me le schede e lo scorrimento funzionano correttamente. Ma voglio cambiare il colore dell'indicatore di tabulazione. C'è un'opzione per cambiare la tab textcolor. Ma non il colore dell'indicatore. Di default è nero. – intrepidkarthi

risposta

60

Questo funziona solo.

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

Grazie!

11

Può essere fatto sia a livello di codice con Java o con XML

Con 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 più semplicemente si può risolvere questo codice aswell

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

Allo stesso modo per cambiare l'altezza

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

Questo ha risolto il mio problema ... :) – Sangharsha

0

Questo funziona nel mio progetto.

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