Column (Colonne)

Une colonne est un conteneur vertical qui permet d'empiler des éléments.

Vue d'ensemble

• Tutoriel vidéo

• Définir la taille d'une colonne

• Espacer les éléments verticalement

• Espacer les éléments horizontalement

• Ajouter une couleur ou une image de fond

Tutoriel vidéo

Définir la taille d'une colonne

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

Propriété	Description
Height(Hauteur)	Fill Container- La colonne remplit l'ensemble de l'écran verticalement Fit Contents - La hauteur de la colonne change pour s'adapter aux éléments qu'elle contient Relative Size - La colonne remplit le pourcentage spécifié de l'écran Absolute Size - Taille de la colonne en fonction d'un nombre déterminé de pixels
Width(Largeur)	Fill Container - La colonne remplit tout l'écran horizontalement Fit Contents - La largeur de la colonne change pour s'adapter aux éléments qu'elle contient Relative Size - La colonne remplit le pourcentage spécifié de l'écran Absolute Size - Dimensionne la colonne en fonction d'un nombre déterminé de pixels

Espacer les éléments verticalement

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

Espacer les éléments horizontalement

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

Ajouter une couleur ou une image de fond

Propriété	Description
BackgroundColor	Par défaut (none). Sélectionnez n'importe quelle couleur à l'aide du sélecteur de couleur, de la valeur RGBA ou HEX
BackgroundColor	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

Cela détermine comment redimensionner l'image lorsque le cadre ne correspond pas aux dimensions de l'image brute.

• 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

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

• Center : Positionne l'image au milieu du cadre

Activer le défilement

Propriété	Description
Scrollable	Par défaut (false). Indique si la colonne est déroulante. Pour que le défilement fonctionne, vous devez également régler la hauteur de votre écran pour qu'elle corresponde au contenu et les éléments de votre colonne doivent avoir des hauteurs définies en pixels absolus