Comment faire cette mise en page? (Lien sur l'image)

Question

Je me demandais comment obtenir ce résultat:

http://img718.imageshack.us/img718/6173/screenshot20100411at126.png

C'est ce que j'ai essayé:

<RelativeLayout android:layout_width="fill_parent" 
        android:layout_height="wrap_content" 
        android:background="#CCCCCC" 
        android:orientation="horizontal" 
        android:layout_weight="0"> 

     <Button android:id="@+id/btn_cancel" 
       android:text="@string/cancel" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_margin="5px" 
       android:gravity="left" 
       /> 

     <Button android:id="@+id/btn_save" 
       android:text="@string/save" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_margin="5px" 
       android:layout_toRightOf="@id/btn_cancel" 
       android:gravity="right"/> 
    </RelativeLayout> 

J'ai essayé de jouer avec les propriétés layout_width et leur mise en place pour remplir les parents tous les deux mais n'a pas fonctionné, si quelqu'un a une idée ... Merci!

Answer 1

<LinearLayout android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:padding="5dip" 
       android:background="#CCCCCC" 
       android:orientation="horizontal"> 

    <Button android:id="@+id/btn_cancel" 
      android:text="@string/cancel" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginRight="5dip" 
      android:layout_weight="1"/> 

    <Button android:id="@+id/btn_save" 
      android:text="@string/save" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:layout_weight="1"/> 
</LinearLayout> 

L'astuce dans un LinearLayout pour obtenir deux widgets pour prendre la même quantité d'espace est de mettre layout_width="fill_parent" sur les deux, puis mis layout_weight="1" sur les deux aussi bien. Définir à la fois fill_parent et le même layout_weight dira à LinearLayout de diviser tout l'espace disponible entre les deux. En outre, utilisez dip, au lieu de px. dip est indépendant de la taille de l'écran et apparaîtra mieux sur les écrans de tailles différentes.