Icone del display su FragmentPagerAdapter schede

Question

Questo esempio viene creato in Xamarin utilizzando C#, se si conosce la risposta in Java, sarò in grado di convertirlo in C# troppo

Sto utilizzando la FragmentPagerAdapter da visualizzare tre diversi frammenti come schede. Sono in grado di visualizzare un testo nelle intestazioni Tab in questo modo:

public override Java.Lang.ICharSequence GetPageTitleFormatted(int position) 
{ 
    return new Java.Lang.String("Tab: " + position); 
} 

Questo funziona bene: sto vedendo tre schede con titoli Tab: 0, Tab: 1 e Tab: 2.

Ora, voglio sostituire il testo con alcune icone. Sto cercando di farlo lo stesso è stato con il PagerSlidingTabStrip, utilizzando uno SpannableString & ImageSpan.

public override Java.Lang.ICharSequence GetPageTitleFormatted(int position) 
{ 
    var image = Application.Context.Resources.GetDrawable(Resource.Drawable.icon); 
    image.SetBounds(0, 0, image.IntrinsicWidth, image.IntrinsicHeight); 

    var spannableString = new Android.Text.SpannableString("[icon]"); 
    var imageSpan = new Android.Text.Style.ImageSpan(image, Android.Text.Style.SpanAlign.Bottom); 
    spannableString.SetSpan(imageSpan, 0, 1, Android.Text.SpanTypes.ExclusiveExclusive); 
    return spannableString; 
} 

Purtroppo, quello che sto vedendo in questo momento è tre volte [icon] come intestazioni. Sembra che le icone non vengano aggiunte alle intestazioni.

Sto facendo qualcosa di sbagliato qui? Grazie per qualsiasi aiuto!

Answer 1

Per impostazione predefinita, la scheda creata da TabLayout imposta la proprietà textAllCaps come vera, impedendo il rendering di ImageSpans. È possibile ignorare questo comportamento modificando la proprietà tabTestAppearance.

<style name="MyCustomTabLayout" parent="Widget.Design.TabLayout"> 
     <item name="tabTextAppearance">@style/MyCustomTextAppearance</item> 
</style> 

<style name="MyCustomTextAppearance" parent="TextAppearance.Design.Tab"> 
     <item name="textAllCaps">false</item> 
</style> 

Quindi è possibile aggiungere lo stile MyCustomTabLayout al TabLayout in questo modo:

<android.support.design.widget.TabLayout 
android:id="@+id/tabs" 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
style="@style/MyCustomTabLayout" /> 

Answer 2

Just Like Youp detto che dobbiamo applicare lo stile di cui sopra come

style="@style/MyCustomTabLayout" 

ma non

android:textAppearance="@style/MyCustomTabLayout" 

Vedi questo per ulteriori informazioni https://guides.codepath.com/android/Google-Play-Style-Tabs-using-TabLayout