Label (Etiquette)

Le composant Label vous permet d'afficher du texte dans votre application.

Vue d'ensemble

Donner du style à l'étiquette (Label)

Vous pouvez personnaliser votre étiquette en utilisant les propriétés suivantes :

  • Text: Texte qui figure sur l'étiquette

  • Font Size: Taille du texte qui apparaît sur l'étiquette

  • Color: Couleur du texte qui apparaît sur l'étiquette

  • Background Color: Définit la couleur de fond de l'étiquette

  • Font Style

    • Normal: Affichage du texte par défaut

    • Italic: Afficher le texte en italique

  • Font Weight: Choisissez le degré de gras du texte sur l'étiquette

  • Text Align

    • Auto - Aligne le texte automatiquement

    • Left - Affiche le texte à partir de la gauche de l'étiquette

    • Right - Affiche le texte à partir de la droite de l'étiquette

    • Center - Affiche le texte à partir du milieu de l'étiquette

    • Justify - Aligne de manière égale les côtés droit et gauche du texte

  • Visible: Pour voir l'étiquette dans votre application, réglez le commutateur sur "True"

  • Border

    • Width: Indiquez la largeur que vous souhaitez donner à la bordure de l'étiquette

    • Color: Choisissez une couleur pour le bord de l'étiquette

    • Style: Choisissez si vous voulez que le bord de l'étiquette soit une ligne pointillée, en pointillé ou en continu

    • Radius: Indiquez le tour que vous souhaitez donner aux bords de la bordure pour l'étiquette

Modifier la taille du label

Vous pouvez définir la hauteur de l'étiquette en utilisant la propriété "Height" et la largeur de l'étiquette en utilisant la propriété "Width".

Height

  • Fill container - L'étiquette remplit tout l'écran verticalement

  • Fit contents - La hauteur de l'étiquette change en fonction de la taille du contenu qu'elle contient

  • Relative size - L'étiquette remplit le pourcentage spécifié de l'écran

  • Absolute size - Dimensionne l'étiquette à un nombre de pixels déterminé

Width

  • Fill container - L'étiquette remplit tout l'écran horizontalement

  • Fit contents - La largeur de l'étiquette change en fonction de la taille du contenu qu'elle contient

  • Relative size - L'étiquette remplit le pourcentage spécifié de l'écran

  • Absolute - Dimensionne l'étiquette à un nombre de pixels déterminé

Note: Si le texte de votre étiquette comporte plus d'une ligne, nous vous recommandons de régler la hauteur sur Fit contents

Ajouter un espacement

Vous modifiez l'espacement et le positionnement de l'étiquette avec les propriétés Margin (Marge) et Padding (Remplissage).

Margin

  • Vous pouvez spécifier l'espace que vous souhaitez entre les bords de l'étiquette et l'écran en utilisant des valeurs en pixels ou en pourcentage.

Padding

  • Vous pouvez spécifier l'espace que vous souhaitez entre la bordure et le contenu de l'étiquette en utilisant des valeurs en pixels ou en pourcentage.

Événements

Click

Propriétés

Background Color

Les propriétés de couleur d'arrière-plan "Get" et "Set" fonctionnent avec la couleur de la vignette elle-même, c'est-à-dire la région située derrière le texte de l'étiquette. La meilleure pratique consiste à utiliser l'un des blocs de Couleur pour définir cette valeur.

Color

Les propriétés de couleur "get" et "set" de l'étiquette peuvent être utilisées pour travailler avec la couleur du texte qui est affiché dans l'étiquette. La meilleure pratique consiste à utiliser l'un des blocs de Couleur pour définir cette valeur.

Computed Dimensions

Les blocs Computed Height et Computed Width renvoient les dimensions de l'étiquette à l'écran, après que celle-ci ait été rendue à l'écran. La valeur renvoyée est un nombre entier, représentant la taille de l'étiquette en pixels.

Font Size

Les blocs Get et Set sont utilisés pour travailler avec la taille du texte qui est affiché dans l'étiquette. Cette valeur doit être un nombre.

Font Style

La propriété du style de police peut être soit "Normal" ou "Italic".

Font Weight

La valeur du corps de la police peut être soit : "Normal", "Bold" ou une valeur de 100 à 900.

Height

Les blocs Set et Get fonctionnent avec la propriété "Height" du composant de l'étiquette. Les valeurs d'entrée acceptables sont .

  • Number of Pixels (Nombre de pixels)

  • Percentage Height (Pourcentage de Hauteur)

  • "Fit Contents" (Contenu adapté)

  • "Fill Container" (Remplir le conteneur)

Number of Lines

Les propriétés Get et Set du bloc "Number of Lines" est utilisée pour travailler avec le nombre maximum de lignes de texte qui doivent être affichées dans une étiquette avant que celle-ci ne commence à défiler.

Text

Cette propriété correspond au texte qui est affiché dans le composant de l'étiquette.

Text Align

L'alignement du texte peut être l'une des valeurs suivantes :

  • Auto

  • Left (Gauche)

  • Right (Droite)

  • Center (Centre)

  • Justify (Justifié)

Visible

Les blocs Set et Get Visible sont utilisés pour afficher ou masquer l'ensemble de la composante de l'image. Les valeurs acceptables sont :

  • True (Vrai)

  • False (False)

Width

Les blocs Set et Get Width fonctionnent avec la propriété Width du composant de l'étiquette. Les valeurs acceptables sont .

  • Number of Pixels (Nombre de Pixels)

  • Percentage Width (Pourcentage en Largeur)

  • "Fit Contents" (Contenu adapté)

  • "Fill Container" (Remplir le conteneur)

Last updated