Thunkable FR
  • 👋 Bienvenue dans Thunkable
  • 👶Pour Commencer
    • S'inscrire
    • Votre page de projets Thunkable
    • Tutoriels
    • L'application Thunkable Live
  • 🆕Créer un nouveau projet
    • Modifier les paramètres du projet
    • Actifs et taille des projets
    • Exemples de projets Thunkable
    • Galerie publique des projets
  • 🛠️ Composants
    • 🔘Interface Utilisateur
      • Button (Bouton)
      • Label (Etiquette)
      • Text Input (Saisie de texte)
      • List Viewer (Visionneuse de liste) (relecture en cours)
      • Web Viewer (Visionneuse Web)
      • Switch (commutateur)
      • Slider (curseur)
      • Alert (Alerte)
      • Loading Icon (Chargement de l'icône)
      • Date Input (Saisie de la date)
      • Time Input (Saisie du temps)
      • PDF Reader (Lecteur de PDF)
      • Rating (Classement)
      • 📊Data Viewers (Visualiseurs de données)
        • Data Viewer List (Liste de visualisation de données)
        • Data Viewer Grid (Grille de visualisation des données)
        • Custom Data Viewer Layout (Disposition personnalisée du visualiseur de données)
    • 📐Mise en page
      • Top Tab Navigator (Onglet supérieur Navigateur)
      • Bottom Tab Navigator (Onglet de navigation inférieur)
      • Stack Navigator (Navigateur à pile)
      • Drawer Navigator (Navigateur à tiroir)
      • Screen (Ecran)
      • Row (Ligne)
      • Column (Colonne)
    • 🔊Voix
      • Sound (Son)
      • Audio Recorder (Enregistreur Audio)
      • Text to Speech (Texte au discours)
      • Speech Recognizer (Reconnaissance de discours)
      • Assistant by Dialogflow (Assistant par Dialogflow)
      • Translator by Yandex (Traducteur par Yandex)
    • 📷 Image
      • Image
      • Photo Library (Photothèque)
      • Camera (Appareil photo)
      • Barcode Scanner (Lecteur de codes-barres)
      • Image Recognizer (Reconnaissance d'image)
      • Animation by Lottie (Animation par Lottie)
      • Video (Vidéo)
      • Video Recorder (Enregistreur vidéo)
    • 🗄️ Stockage des Données
      • Local Storage (Stockage local)
      • LocalDB (base de données locale)
      • Airtable
      • Media DB par Cloudinary
      • RealtimeDB par Firebase
      • Web API (API Web)
      • Smart Contract by Oasis (Contrat intelligent par Oasis)
      • Blockchain Wallet by Oasis (Portefeuille Blockchain par Oasis)
    • 🌍Localisation
      • Maps By Google and Apple (Cartes de Google et Apple)
      • Location Sensor (Capteur de localisation)
    • ⏲️ Capteurs
      • Timer
      • Accéléromètre
      • Gyroscope
      • Magnétomètre
      • Bluetooth Low Energie
    • ✉️ Authentification
      • Email Sign In by Firebase (Connexion au courrier électronique par Firebase)
    • 🤝Social
      • Share (Partager)
      • Notifications Push par One Signal
    • 💲Monétisation
      • Ads by Admob (Annonces par AdMob)
    • 🎮Gaming
      • Canvas (toile)
      • Sprites
      • Canvas Label
  • 🤖Blocs
    • Control (Contrôle)
    • Logic (Logique)
    • Math
    • Text (Texte)
    • Lists (Listes)
    • Color (Couleur)
    • Objects (Objets)
    • Device (Appareil)
    • Variables
    • Functions (Fonctions)
    • "Any Component" Blocks (Blocs "Généraliste")
    • Data Sources
    • 🤖🎮Gaming Blocks (en cours)
      • Events (événements)
      • Motion (Mouvement)
      • Looks (Apparence)
      • Direction
      • Sensing (Détection)
      • Add & Remove (Ajouter et Supprimer)
      • Stage (Scène)
      • Canvas Label (Etiquette de la Toile)
  • Post-Developpement
    • 🖥️ Emulateurs et test de l'application (en cours)
    • 🔒Confidentialité des données de l'application
    • 🔗Blockchain & Data Privacy
    • ➕Faire une Copie
    • 📥Téléchargement
    • 📤Partager
    • 📱Publication
      • Publier dans l'App Store (iOS)
      • Publier sur Play Store (Android)
      • Publier en tant qu'application Web (PRO)
    • Générer des captures d'écran
    • 🔎Résolution des problèmes
      • Problèmes de connexion
      • FAQs
    • 📏Introduction à l'espacement
    • 🖼️ Introduction au dimensionnement
    • 🔤Polices
    • 💾Gérer le stockage
    • 📝Bugs et demandes de fonctionnalités
  • Non-Officiel (à faire)
    • Google, Facebook and Github Sign In/Up (à faire)
    • 4 Keys To Designing A Great Mobile App
Powered by GitBook
On this page
  • Vue d'ensemble
  • Donner du style à l'étiquette (Label)
  • Modifier la taille du label
  • Ajouter un espacement
  • Événements
  • Click
  • Propriétés
  • Background Color
  • Color
  • Computed Dimensions
  • Font Size
  • Font Style
  • Font Weight
  • Height
  • Number of Lines
  • Text
  • Text Align
  • Visible
  • Width

Was this helpful?

  1. 🛠️ Composants
  2. Interface Utilisateur

Label (Etiquette)

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

PreviousButton (Bouton)NextText Input (Saisie de texte)

Last updated 3 years ago

Was this helpful?

Vue d'ensemble

  • (Label)

  • (Label)

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

Color

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)

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 pour définir cette valeur.

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 pour définir cette valeur.

🔘
Couleur
Couleur
Donner du style à l'étiquette
Modifier la taille de l'étiquette
Ajouter un espacement
Blocs d'événements
Blocs de propriétés
Cet événement se déclenchera lorsque l'utilisateur cliquera sur l'étiquette.