Alignement de la disposition de la table?

J'ai conçu une mise en page XML comme dans cette image:Alignement de la disposition de la table?

the four buttons in table layout

je placer également les quatre boutons dans l'écran, mais je ne parviens pas à le faire fonctionner. J'ai essayé tous les changements possibles auxquels je peux penser. Voici le XML de la mise en page:

<RelativeLayout 
    android:layout_width="fill_parent" 
    android:layout_height="40dp" 
    android:id="@+id/buttonlayout" 
    android:layout_alignBottom="@id/framelayout"> 


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

<TableRow> 

    <Button 
    android:id="@+id/previous" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:background="@drawable/previous_icon" /> 

<Button 
    android:id="@+id/button_startprint" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:background="@drawable/print_icon" 
    android:padding="10dp" /> 

<Button 
    android:id="@+id/button_cam" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:background="@drawable/cam_icon" 
    android:padding="10dp" /> 

<Button 
    android:id="@+id/next" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:background="@drawable/next_icon" 
    android:hapticFeedbackEnabled="true"/> 

</TableRow> 
</TableLayout> 
</RelativeLayout>

Quelqu'un peut-il m'aider?

Source

2012-06-01 jxgn

salut @ jxgn que vous voulez faire dans Verticalement ???? – itsrajesh4uguys

non. horizontalement – jxgn

salut @ jxgn j'ai ajouté le code dans edit .. check it out .. espérons qu'il vous aidera. – itsrajesh4uguys

Salut jxgn utiliser ce code:

<?xml version="1.0" encoding="UTF-8"?> 
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" > 

    <TableRow 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" > 

     <LinearLayout 
      android:layout_width="0dip" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" > 

      <Button 
       android:id="@+id/previous" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:background="@drawable/ic_launcher" /> 
     </LinearLayout> 

     <LinearLayout 
      android:layout_width="0dip" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" > 

      <Button 
       android:id="@+id/button_startprint" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:background="@drawable/ic_launcher" /> 
     </LinearLayout> 

     <LinearLayout 
      android:layout_width="0dip" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" > 

      <Button 
       android:id="@+id/button_cam" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:background="@drawable/ic_launcher" /> 
     </LinearLayout> 

     <LinearLayout 
      android:layout_width="0dip" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" > 

      <Button 
       android:id="@+id/next" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:background="@drawable/ic_launcher" /> 
     </LinearLayout> 
    </TableRow> 

</TableLayout>

Source

2012-06-01 12:08:47 itsrajesh4uguys

merci :) a fait l'affaire :) – jxgn

vous êtes toujours les bienvenus ....... – itsrajesh4uguys

utilisation android:layout_weight=1 et utiliser android:layout_width="0dp" pour faire des boutons de poids égaux ..

EDIT par exemple définir votre bouton comme

<Button 
     android:id="@+id/button_cam" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_weight=1 
     android:background="@drawable/cam_icon" 
     android:padding="10dp" />

Source

2012-06-01 11:52:58 aProgrammer

merci :) mais les images sont étirées. Y a-t-il quelque chose que je puisse faire pour ça? – jxgn

Si vous définissez l'androïde d'attribut: poids = "1 "pour les quatre boutons, ils doivent être espacés correctement car TableRow est une sous-classe de LinearLayout. Pour de meilleures performances, il est conseillé d'utiliser Android: layout_width = "0dp".

Source

2012-06-01 11:54:05 ThomasKJDK

Essayez de mettre à chaque bouton:

android:layout_weight="0.25"

Espérons que cela déjà travailler pour vous

Source

2012-06-01 11:55:19 Bigflow

Essayez cela, il est utile

<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:id="@+id/buttonlayout"  > 


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

<TableRow> 

    <Button 
    android:id="@+id/previous" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:background="@drawable/ic_launcher" 
    android:layout_weight="1"/> 

<Button 
    android:id="@+id/button_startprint" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:background="@drawable/ic_launcher" 
    android:layout_weight="1" 
    /> 

<Button 
    android:id="@+id/button_cam" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:background="@drawable/ic_launcher" 
    android:layout_weight="1"  /> 

<Button 
    android:id="@+id/next" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:background="@drawable/ic_launcher" 
    android:layout_weight="1"  /> 

    </TableRow> 
    </TableLayout> 
    </RelativeLayout>

Source

2012-06-01 11:58:52 NagarjunaReddy

Essayez de remplacer tous vos boutons largeur avec layout_width="0dp" et ajouter

Essayez d'utiliser 9 patch image pour éviter le fait que l'image s'étirer

<TableRow> 

     <Button 
     android:id="@+id/previous" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:background="@drawable/ic_menu_compass" 
     android:layout_weight="1" /> 

    <Button 
     android:id="@+id/button_startprint" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:background="@drawable/ic_menu_mylocation" 
     android:padding="10dp" 
     android:layout_weight="1"/> 

    <Button 
     android:id="@+id/button_cam" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:background="@drawable/ic_menu_mapmode" 
     android:padding="10dp" 
     android:layout_weight="1" /> 

    <Button 
     android:id="@+id/next" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:background="@drawable/ic_menu_about" 
     android:hapticFeedbackEnabled="true" 
     android:layout_weight="1"/> 

</TableRow>

Source

2012-06-01 12:02:59

Application android:layout_weight="1" dans votre xml étirera vos images de bouton.

Si vous ne voulez pas étirer les images des boutons, utilisez ImageButton et réglez android:src sur vos tirages.

ci-dessous le code Référez:

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

    <TableRow> 

     <ImageButton 
      android:id="@+id/previous" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:src="@drawable/previous_icon" 
      android:background="@android:color/transparent" 
      android:layout_weight="1" /> 

     <ImageButton 
      android:id="@+id/button_startprint" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:src="@drawable/print_icon" 
      android:background="@android:color/transparent" 
      android:padding="10dp" 
      android:layout_weight="1" /> 

     <ImageButton 
      android:id="@+id/button_cam" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:src="@drawable/cam_icon" 
      android:background="@android:color/transparent" 
      android:padding="10dp" 
      android:layout_weight="1" /> 

     <ImageButton 
      android:id="@+id/next" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:src="@drawable/next_icon" 
      android:background="@android:color/transparent" 
      android:hapticFeedbackEnabled="true" 
      android:layout_weight="1" /> 
    </TableRow> 
</TableLayout>

Source

2012-06-01 12:15:35 deepak4bin

Alignement de la disposition de la table?

Répondre

Questions connexes