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
  • Tutoriels vidéo
  • Comprendre les blocs d'écran
  • quand l'écran 1 démarre
  • à l'ouverture de l'écran 1
  • lorsque l'écran 1 est pressé en arrière
  • dans l'écran 1, appelez le ToggleDrawerMenu
  • Les éléments spatiaux à l'horizontale
  • Éléments spatiaux à la verticale
  • Ajouter une couleur ou une image de fond
  • Mode de redimensionnement de l'image de fond
  • Activer le défilement
  • Cacher (ou montrer) la barre d'état
  • Thème de la barre d'état
  • Opacité de la barre d'état
  • Couleur de la barre d'état
  • Orientation du plateau
  • Sauvegarder l'écran
  • Nommez votre écran
  • Ajouter un nouvel écran
  • Choisir un écran sauvegardé

Was this helpful?

  1. 🛠️ Composants
  2. Mise en page

Screen (Ecran)

Lorsqu'on construit des applications sur Thunkable, les écrans fonctionnent comme les pages blanches d'un livre. Ils vous permettent d'afficher différents composants et informations.

PreviousDrawer Navigator (Navigateur à tiroir)NextRow (Ligne)

Last updated 4 years ago

Was this helpful?

Tutoriels vidéo

Comprendre les blocs d'écran

quand l'écran 1 démarre

Événement

Description

Starts

Exécution lors de la première ouverture de l'écran

à l'ouverture de l'écran 1

Événement

Description

Opens

Exécution à chaque ouverture d'écran

lorsque l'écran 1 est pressé en arrière

Événement

Description

BackButtonPressed

S'allume lorsque l'on appuie sur le bouton de retour physique ou à l'écran. (Android uniquement)

dans l'écran 1, appelez le ToggleDrawerMenu

Fonction

Description

ToggleDrawerMenu

Les éléments spatiaux à l'horizontale

La propriété Horizontal Align vous permet d'espacer horizontalement les éléments dans un écran.

Éléments spatiaux à la verticale

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

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

BackgroungPicture

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

  • 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

Activer le défilement

Propriété

Description

Scrollable

Par défaut (false). Indique si l'écran peut défiler. Pour que le défilement fonctionne, vous devez également régler la hauteur de votre écran pour qu'il s'adapte au contenu et les composants de votre écran doivent avoir des hauteurs définies en pixels absolus

Cacher (ou montrer) la barre d'état

Propriété

Description

ShowStatusBar

Par défaut (true). Si elle est définie sur false, elle masque la barre d'état supérieure

Thème de la barre d'état

Propriété

Description

StatusBarStyle

Choisissez entre le default, le light-content ou le dark-content pour définir le thème ou le style de la barre d'état

Opacité de la barre d'état

Veuillez noter : La propriété TranslucentStatusBar ne fonctionne pour l'instant que sur les appareils Android pour le moment

Propriété

Description

TranslucentStatusBar

Par défaut (false). Réglé sur true pour rendre la barre d'état translucide. Uniquement pour Android.

Couleur de la barre d'état

Veuillez noter que la propriétéStatusBarColor ne fonctionne pour l'instant que sur les appareils Android.

Propriété

Description

StatusBarColor

Par défaut (0,0,0,0.53). Sélectionnez n'importe quelle couleur à l'aide du sélecteur de couleur, de la valeur RGBA ou HEX. Uniquement pour Android.

Orientation du plateau

Propriété

Description

ScreenOrientation

Par Défaut (all). Vous pouvez fixer l'orientation de l'écran en mode portrait (portrait) et landscape (paysage)

Sauvegarder l'écran

Thunkable vous permet de réutiliser un écran, et les blocs associés, dans plusieurs projets grâce à la fonction "Save to my Screens". Vous trouverez le bouton "Save Screen" en haut des propriétés de chaque composant d'écran de votre application.

Nommez votre écran

Il est important que lorsque vous sauvegardez votre écran, vous utilisiez un nom descriptif et mémorable qui décrit ce que fait votre écran. L'exemple ci-dessous concerne un écran de connexion, qui est souvent réutilisé dans plusieurs projets.

Ajouter un nouvel écran

Une fois que vous avez enregistré un écran, chaque fois que vous cliquez sur le bouton + pour ajouter un nouvel écran, vous avez la possibilité d'ajouter un écran vide ou de "Copy from my Screens" (Copier à partir de mes écrans).

Choisir un écran sauvegardé

Il suffit de choisir l'écran que vous souhaitez ajouter et de cliquer sur le bouton "Copy" pour continuer.

Ouvre ou ferme le menu du tiroir, si disponible. Doit être utilisé en conjonction avec le

📐
navigateur à tiroir