lundi 23 février 2015

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>






Aucun commentaire:

Enregistrer un commentaire