Come disegnare l'immagine al centro del pulsante di opzione

Question

Stavo guardando l'esempio pubblicato in http://bakhtiyor.com/2009/10/iphonish-tabs/, in realtà qui hanno inserito il pulsante di opzione come sostituto di Tabview.

Ma il problema è che non riesco a impostare l'immagine al centro. È sempre allineato a sinistra.

Ecco lo screenshot. Voglio che la mia vista sia simile a questa, ma invece voglio che l'immagine sia al centro.

Ecco come il mio file XML di layout sembra

<?xml version="1.0" encoding="utf-8"?> 
<TabHost xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@android:id/tabhost" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent"> 

    <LinearLayout android:orientation="vertical" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent"> 

    <FrameLayout android:id="@android:id/tabcontent" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:padding="20dip"/> 

    <RadioGroup android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal" 
     android:checkedButton="@+id/allcontacts" 
     android:gravity="center" 
     android:id="@+id/contactgroup"> 


     <RadioButton android:id="@+id/allcontacts" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:orientation="vertical" 
     android:background="@drawable/button_radio"/> 


     <RadioButton 
      android:id="@+id/categories" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:background="@drawable/button_radio" 
      android:orientation="vertical" 
      android:layout_gravity="center|right"/> 

     <RadioButton android:id="@+id/favourites" 
    android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 

    android:gravity="center" 
    android:orientation="vertical" 
     android:layout_weight="1" 
     android:background="@drawable/button_radio"/> 

    </RadioGroup> 

    <TabWidget android:id="@android:id/tabs" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_weight="0" android:visibility="gone" /> 
    </LinearLayout> 
</TabHost> 

Si prega di consulenza mi

immagine aggiornata dopo l'utilizzo di scheda predefinito widget di

E 'possibile personalizzare come sopra pulsante nella tabview predefinita.?

Answer 1

Non rendere l'immagine centrata, ma è possibile farlo apparire in questo modo ... È possibile modificare l'immagine per avere uno spazio vuoto a sinistra e tagliare immediatamente a destra dell'immagine.

EDIT

Non so se hai visto uno di questi, ma mi ha fatto curioso così sono andato alla ricerca e ho trovato diversi link che potrebbero essere utili verso il vostro obiettivo finale di schede sulla in basso:

Niko's Blog

SO Question Answer

Another SO Question Answer

Buona fortuna!

Edit 2

Ok, l'ho trovato. Dovrai estendere una nuova classe da RadioButton e sovrascrivere onDraw(), quindi creare un file attrs.xml che devi inserire in res/values ​​in modo che il codice possa ottenere gli attributi definiti dalla piattaforma.

Specific code here

Answer 2

è possibile definire il proprio ImageButton che si estende CompoundButton. Vedi la fonte RadioButton e CompoundButton per sapere come farlo.