Les fonctions des composants Layout

Nous venons de voir les composants les plus utilisés pour faire fonctionner une application classique. Voyons maintenant comment rendre une application esthétique grâce aux composants Layout.

Les blocs Layout ne possèdent pas d’événements, vous pouvez simplement utiliser les propriétés de ces derniers dans les blocs logiques :

images/09ow72b.PNG

Les principales propriétés que vous trouverez dans les composants Layout sont :

  • AlignHorizontal

  • AlignVertical

  • BackgroundColor

  • Height

  • HeightPercent

  • Image

  • Visible

  • Width

  • WidthPercent

AlignHorizontal

Cette propriété vous permet d’indiquer comment vous souhaitez que le contenu compris à l’intérieur de ce composant soit aligné de manière horizontale.

Par exemple, si vous écrivez le bloc logique de cette manière :

images/09ow73.png

Alors le contenu de celui-ci sera aligné sur la droite. Dans cet exemple, 2 indique qu’il s’agit d’un alignement sur la droite.

Vous trouverez ci-dessous le rendu :

images/09ow74.png

Si vous souhaitez aligner le texte sur la gauche, il faudra utiliser la valeur 1, la valeur 3 pour le centrer.

AlignVertical

Même principe que pour AlignHorizontal sauf que l’alignement sera de haut en bas.

BackgroundColor

Permet de définir le fond d’écran, pour cela vous devez simplement y ajouter un bloc de couleur. Par exemple :

images/09ow75.png

Ce qui donnera une fois l’application lancée :

images/09ow76.png

Height

Vous permet d’indiquer la hauteur en pixels...

couv_OW2AI.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Les fonctions des composants User interface
Suivant
Les fonctions des composants Media