Row (Ligne)

Une rangée est un conteneur horizontal qui vous permet de positionner les composants côte à côte.

Vue d'ensemble

Tutoriel vidéo

Définir la taille d'une ligne

Pour plus d'informations sur le dimensionnement de votre application, veuillez consulter notre introduction ici

Propriétés

Descriptions

Height(Hauteur)

  • Fill Container - La ligne remplit l'ensemble de l'écran verticalement

  • Fit Content - La hauteur de la ligne change pour s'adapter aux éléments qu'elle contient

  • Relative Size - La ligne remplit le pourcentage spécifié de l'écran

  • Absolute Size - Taille de la ligne en fonction d'un nombre déterminé de pixels

Width(Largeur)

  • Fill Container - La ligne remplit tout l'écran horizontalement

  • Fit Content - La largeur de la ligne change pour s'adapter aux éléments qu'elle contient

  • Relative Size - La ligne remplit le pourcentage spécifié de l'écran

  • Absolute Size - Taille de la ligne en fonction d'un nombre de pixels déterminé

Espacer les éléments horizontalement

La propriété Horizontal Alignment vous permet d'espacer horizontalement les éléments d'une ligne.

Espacer les éléments verticalement

La propriété Vertical Alignment vous permet d'espacer verticalement les éléments d'une ligne.

Ajouter une couleur ou une image de fond

Propriétés

Descriptions

BackgroundColor

Défaut (none). Sélectionnez n'importe quelle couleur à l'aide du sélecteur de couleur, de la valeur RGBA ou HEX

BackgroundImage

Vous pouvez télécharger une image de fond dans votre application ou faire référence à l'adresse d'une image, par exemple beaver-yellow.png

Mode de redimensionnement de l'image de fond

  • Cover : Remplit tout l'écran sans modifier le rapport hauteur et largeur de l'image

  • Contain: L'image entière sera réduite pour tenir à l'intérieur de l'écran, sans modifier le rapport hauteur/largeur de l'image

  • Stretch: La hauteur de l'image change pour remplir l'écran dans le sens de la longueur

  • Repeat: Répétez l'image pour couvrir l'écran. Le rapport entre la hauteur et la largeur de l'image ne changera pas

  • Center : Positionne l'image au milieu du cadre

Last updated