Android :Linear Layout

Linear Layout : Conteneur dont les éléments enfants sont disposés, suivant la valeur de l’attribut orientation, soit :

• Verticalement, les uns sous les autres, un seul élément par ligne.
• Horizontalement, les uns après les autres, à la droite du précédent.

Linear Layout

Attributs LinearLayout

les attributs importants spécifiques à LinearLayout :

• android:id : Il s’agit de l’ID qui identifie de manière unique le layout. 
• android:gravity : spécifie comment un objet doit positionner son contenu, sur les axes X et Y. Les valeurs possibles sont (top, bottom, left, right, center, center_vertical, center_horizontal, etc). 
• android:baselineAligned : les valeurs possible soit "true" ou "false" et empêche le layout d’aligner les lignes de base de ses enfants.
• android:divider : à utiliser comme diviseur vertical entre les boutons. Vous utilisez une valeur de couleur, sous la forme de "#rgb", "#argb", "#rrggbb", ou "#aarrggbb".
• android:orientation : la direction de l'arrangement et vous utiliserez "horizontal" pour une ligne, "vertical" pour une colonne. La valeur par défaut est horizontale.

Example Linear Layout:

Les exemples suivants vous guidera à travers des étapes simples pour montrer comment créer votre propre application Android à l'aide de la disposition linéaire(Linear Layout). Suivez les étapes suivantes pour créer votre application Android. 

Exemple 1 : Dans le fichier : res/layout/activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >
    <Button
        android:id="@+id/b1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Bouton #1" />

    <Button
        android:id="@+id/b2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Bouton #1" />
    <Button
        android:id="@+id/b3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Bouton #1"
        android:layout_weight="1"/>
</LinearLayout>

Exemple 2 : Dans le fichier : res/layout/activity_main.xml  

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
  <LinearLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content">
      <Button
          android:id="@+id/b0"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="Bouton #0" />
      <Button
          android:id="@+id/b1"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_gravity="right"
          android:text="Bouton #1" />
      <Button
          android:id="@+id/b2"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:layout_gravity="center"
          android:text="Bouton #2" />
  </LinearLayout>
    <Button
        android:id="@+id/b3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Bouton #3" />
</LinearLayout>

Exemple 3 : Dans le fichier : res/layout/activity_main.xml  

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <Button
        android:id="@+id/b0"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Bouton #0" />
    <Button
        android:id="@+id/b1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:text="Bouton #1" />
    <Button
        android:id="@+id/b2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="Bouton #2" />
    <Button
        android:id="@+id/b3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Bouton #3" />
</LinearLayout>

Vidéo d'Exemple Linear Layout :