ANDROID STUDIO: Organiser son interface avec des layouts

Organiser son interface avec des layouts

To lay : disposer

L'idée est de comprendre que les objets sont disposés sur une seule ligne, soit verticale, soit horizontale.

android:orientation="vertical"

les objets sont placés en colonne

android:orientation="horizontal"





Les objets sont placés en ligne.





Les paramètres suivant permettent d'ajuster la disposition :

android:layout_width=

android:layout_height=



Les valeurs courantes de ces paramètres permettent

"wrap_content" : s'adapte au contenu : en fonction du texte,

"fill_parent" : to fill : remplir : prend toute la largeur, ou toute la hauteur.





android:layout_weigth= permet d'attribuer un poids aux composants, c'est la pondération la plus faible qui est prioritaire.





android:layout_gravity : indique la position de la vue dans le parent.

"center"
"top"
"bottom"
exemple
Maquette à réaliser

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"   android:layout_width="fill_parent"   android:layout_height="fill_parent"    android:orientation="vertical">    <LinearLayout      android:layout_width="fill_parent"     android:layout_height="wrap_content"     android:orientation="horizontal"   >     <TextView        android:layout_width="wrap_content"       android:layout_height="wrap_content"        android:text="Question "       android:textStyle="bold"       android:textColor="#FF0000"       android:gravity="center"     />     <TextView        android:id="@+id/questionid"       android:layout_width="fill_parent"       android:layout_height="wrap_content"        android:text="xxxxx "       android:layout_weight="1"     />   </LinearLayout> <LinearLayout      android:layout_width="fill_parent"     android:layout_height="wrap_content"     android:orientation="horizontal"   >     <TextView        android:layout_width="wrap_content"       android:layout_height="wrap_content"        android:text="Reponse "       android:textStyle="bold"       android:textColor="#FF0000"       android:gravity="center"     />     <TextView        android:id="@+id/reponseid"       android:layout_width="fill_parent"       android:layout_height="wrap_content"        android:text="xxxxx "       android:layout_weight="1"     />   </LinearLayout>     <Button        android:id="@+id/show"       android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="SHOW"       android:layout_weight="1"       android:layout_marginLeft="25dip"        android:layout_marginRight="25dip"     /> <LinearLayout      android:layout_width="fill_parent"     android:layout_height="wrap_content"     android:orientation="horizontal"   >     <Button        android:id="@+id/next0"       android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="NEXT0"       android:layout_weight="1"       android:layout_marginLeft="25dip"        android:layout_marginRight="25dip"     />     <Button        android:id="@+id/next1"       android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="NEXT1"       android:layout_weight="1"       android:layout_marginLeft="25dip"        android:layout_marginRight="25dip"     />   </LinearLayout>   <TextView      android:layout_width="wrap_content"     android:layout_height="wrap_content"      android:text="Résultat:"   />   <TextView      android:id="@+id/result"     android:layout_width="fill_parent"     android:layout_height="fill_parent"      android:text="pub"   /> </LinearLayout>