Layouts et Widgets avec Android

Organiser son interface avec des layouts

Nom du Layout Description Aperçu

Ce layout se charge de mettre les vues

sur une même ligne selon l’orientation
LinearLayout choisie. L’orientation est définie par
l’attribut
android : orientation

Ce layout permet de placer les vues les

unes par rapport aux autres. On utilisera
ici la hiérarchie XML pour définir les
RelativeLayout parents.
Exemple :
(permet de se coller à gauche du parent)
android :layout_alignParentLeft= «true»

Ce layout dispose les éléments les uns au

dessus des autres. Il est possible d’en
FrameLayout
afficher plusieurs en même temps sans
les superposer en utilisant un ViewGroup.

1
Layouts & Widgets
 Ce layout dispose les éléments dans un
tableau comme en HTML mais sans les
bordures
Exemple :
TableLayout <TableLayout>
<TableRow>
Element
Element…
</TableRow>
</TableLayout>

Principaux widgets
Tous ces composants héritent de la classe View

Nom du
Rôle Aperçu Déclaration XML
composant
Permet d’afficher
une chaine de
TextView caractères que l’on
ne peut pas
modifier
Permet à
EditText l’utilisateur de
saisir du texte.

Composant avec
Switch deux états
actif/inactif

Button Simple bouton

Simple bouton
ImageButton contenant une
image

ImageView Simple image

Bouton avec un
ToggleButton
statut actif/inactif

2
Layouts & Widgets
 Barre de notation
composée d’étoiles
RatingBar
(représente une
valeur numérique)

Barre de sélection
de valeur
SeekBar
(représente une
valeur numérique)

Barre de
ProgressBar progression, le plus
souvent circulaire

RadioButton Bouton radio

Ensemble de
boutons radios : un
RadioGroup seul de la liste est
sélectionnable à la
fois.

CheckBox Case à cocher

3
Layouts & Widgets