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
  • Tutoriel vidéo
  • 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
  • Mode de redimensionnement de l'image de fond

Was this helpful?

  1. 🛠️ Composants
  2. Mise en page

Row (Ligne)

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

PreviousScreen (Ecran)NextColumn (Colonne)

Last updated 4 years ago

Was this helpful?

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

📐
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