Android: Centre d'aligner ImageButtons

J'ai 2 ImageButons comme ce

Android: Centre d'aligner ImageButtons

J'ai tout essayé pour le faire aligner correctement dans le centre de l'écran. Comme étant nouvelle pour android, je n'ai pas d'autres indices de quoi faire. Comment puis-je atteindre mon objectif de l'alignement de ces 2 Imagebuttons au centre de l'écran

C'est ma mise en page xml

<TableLayout android:id="@+id/TableLayout01"
        android:layout_width="fill_parent" android:layout_height="wrap_content"
        android:stretchColumns="1">
        <TableRow android:id="@+id/TableRow01" android:layout_width="fill_parent"
            android:layout_height="wrap_content">

            <ImageButton android:id="@+id/btn_Show"
                android:layout_width="wrap_content" android:layout_height="wrap_content"
                android:text="Show" android:src="@drawable/cmd_result_show"
                android:layout_gravity="right" android:background="@android:color/transparent" />

            <ImageButton android:id="@+id/btn_showAll"
                android:layout_width="wrap_content" android:layout_height="wrap_content"
                android:text="Detailed Show" android:layout_gravity="center"
                android:src="@drawable/cmd_result_details" android:background="@android:color/transparent" />
        </TableRow>
    </TableLayout>
Veuillez ajouter des commentaires pour lequel on a travaillé pour vous, ou u avez des questions...Aussi accepter le droit de réponse.

OriginalL'auteur Sarfarosh Lakhan | 2011-03-16

  1. 6

    J'espère que vous avez des images de ces boutons directement. Si ce paramètre text attribut est d'aucune utilité. Utilisation RelativeLayout pour faciliter le développement de ce type d'écrans.

    Ci-dessous, j'ai joint le code. Veuillez consulter et ajouter des commentaires si il ya des problèmes.

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent" android:layout_height="fill_parent"
    android:gravity="center_horizontal">

    <ImageButton android:id="@+id/btn_Show"
        android:layout_width="wrap_content" android:layout_height="wrap_content"
        android:background="@drawable/cmd_result_show" />

    <ImageButton android:id="@+id/btn_showAll"
        android:layout_toRightOf="@id/btn_Show" android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:background="@drawable/cmd_result_details" />
</RelativeLayout>
    Merci..a parfaitement fonctionné. J'ai ajouté un blanc TextView dans entre de donner quelques fossé entre ceux imagebutton. Merci
    si vous souhaitez ajouter de l'espace, pas besoin d'ajouter un textview pour que...ajouter de la marge d'attribut...que ce sera suffisant. Pour ur premier bouton de donner quelque chose comme android:layout_marginRight="30dp"...il va ajouter des marges et donc l'espacement sera augmentée...
    merci..il a travaillé

    OriginalL'auteur Mathew

  2. 0
        <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent" android:layout_height="fill_parent"
    android:gravity="center">
  <TableLayout android:id="@+id/TableLayout01"
    android:stretchColumns="1" android:layout_height="wrap_content"
    android:layout_width="wrap_content" >
    <TableRow android:id="@+id/TableRow01" android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
        <ImageButton android:id="@+id/btn_Show"
            android:layout_width="wrap_content" android:layout_height="wrap_content"
            android:text="Show" android:src="@drawable/cmd_result_show"
            android:layout_gravity="right" android:background="@android:color/transparent" />
        <ImageButton android:id="@+id/btn_showAll"
            android:layout_width="wrap_content" android:layout_height="wrap_content"
            android:text="Detailed Show" android:layout_gravity="center"
            android:src="@drawable/cmd_result_details" android:background="@android:color/transparent" />
    </TableRow>
</TableLayout>

    Profitez-en!!

    OriginalL'auteur Harshad

  3. 0

    Vous avez mis le ImageButtons à l'intérieur de la tablerow. Le tablerow occupe toujours la première couche de l'écran. Voulez-vous les boutons soient alignées au centre, mais à la position supérieure?

    OriginalL'auteur Shaista Naaz