Android Action de la Barre des Onglets, le Style de l'Icône et Texte

Tout d'abord, il y a l'image de ma barre d'onglet
Android Action de la Barre des Onglets, le Style de l'Icône et Texte

Ce que je veux, c'est soit en alignant les images à très à gauche, tout en gardant le texte centré, ou de déplacer les images sur le haut du texte centré.

Ici est de savoir comment je ajouter les textes:

var tab = this.ActionBar.NewTab ();            
tab.SetText (tabText);
tab.SetIcon (iconResourceId);

Voici mon pertinentes style.xml les entrées:

<style name="Theme.Discover" parent="@android:style/Theme.Holo.Light">
    <item name="android:actionBarStyle">@style/MyActionBar</item>
    <item name="android:actionBarTabStyle">@style/MyActionBarTabStyle</item>
    <item name="android:actionBarTabTextStyle">@style/MyActionBarTabText</item>
    <item name="android:actionMenuTextColor">#ffffff</item>
    <item name="android:windowBackground">@drawable/bg</item>
</style>

<style name="MyActionBarTabStyle" parent="@android:style/Widget.Holo.Light.ActionBar.TabView">
    <item name="android:background">@drawable/action_tab_selector</item>
</style> 

<!-- ActionBar tabs text styles -->
<style name="MyActionBarTabText"
       parent="@android:style/Widget.Holo.ActionBar.TabText">
    <item name="android:textColor">#ffffff</item>
</style>

Je peux comprendre le code java, donc si vous n'êtes pas familier avec Xamarin, j'ai tout de même apprécier la java des exemples&réponses.

OriginalL'auteur erkinyldz | 2014-02-21

Ma solution n'est pas parfaite, mais pour déplacer les icônes au dessus du texte, voici ce que j'ai à ce jour, ce qui pourrait être en mesure de vous aider.

TabLayout.axml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <ImageView
        android:id="@+id/tab_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@android:color/transparent" />
    <TextView
        android:id="@+id/tab_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>

MainActivity.cs

 void AddTabToActionBar(int labelResourceId, int iconResourceId)
        {
            var tab = this.ActionBar.NewTab();
            tab.SetCustomView(Resource.Layout.Tablayout);
            tab.CustomView.FindViewById<ImageView>(Resource.Id.tabImage).SetImageResource(iconResourceId);
            tab.CustomView.FindViewById<TextView>(Resource.Id.tabText).SetText(labelResourceId);
            tab.TabSelected += TabOnTabSelected;
            ActionBar.AddTab(tab);

        }

C'est vraiment utile. Je vais essayer le style de cette manière que je veux.
Je n'arrive pas à modifier le tabbars hauteur ou en largeur. J'ai essayé de donner linearLayouts layout_height propriété wrap_content et comme 100dp et 150dp rien n'a changé. Une idée?
Je n'ai pas encore essayé, mais il semble que vous avez changer le style de la barre d'action: stackoverflow.com/a/10280063/3183686
avez-vous de résoudre? j'essaie la même chose, sans succès.
Essayé différentes approches avec le lien que tu as donné. Je ne pouvais pas modifier la hauteur de l'action de la barre des onglets. Même quand j'ai changé la hauteur des onglets, il n'a pas aidé.

OriginalL'auteur goober_nut

J'ai réussi à le faire avec succès. Voici le xml, j'ai utilisé:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:p1="http://schemas.android.com/apk/res/android"
    p1:minWidth="15px"
    p1:minHeight="15px"
    p1:layout_width="wrap_content"
    p1:layout_height="wrap_content"
    p1:id="@+id/tabRelative"
    p1:gravity="center">
    <ImageView
        p1:src="@drawable/discover_icon_nightlife"
        p1:layout_width="20dp"
        p1:layout_height="20dp"
        p1:id="@+id/tabImage"
        p1:layout_centerHorizontal="true"
        p1:scaleType="centerInside"
        p1:layout_marginTop="4dp"
        p1:paddingTop="1dp" />
    <TextView
        p1:text="Menu"
        p1:layout_width="wrap_content"
        p1:layout_height="wrap_content"
        p1:id="@+id/tabText"
        p1:layout_centerHorizontal="true"
        p1:layout_below="@+id/tabImage"
        p1:paddingTop="2dp" />
</RelativeLayout>

Et je l'ai placé comme vue personnalisée pour mon ab comme goober_nuts réponse suggère.

Il n'était pas aussi bon que je voulais qu'il soit. Je voudrais également modifier la hauteur des onglets mais je n'ai pas réussi à le faire. Voici la photo de la dernière look:

Android Action de la Barre des Onglets, le Style de l'Icône et Texte

OriginalL'auteur erkinyldz

Vous devez vous connecter pour publier un commentaire.