Row (Ligne)

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

Vue d'ensemble

• Définir la taille d'une ligne

• Espacer les éléments horizontalement

• Espacer les éléments verticalement

• Ajouter une couleur ou une image de fond

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