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.
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 | Ouvre ou ferme le menu du tiroir, si disponible. Doit être utilisé en conjonction avec le navigateur à tiroir |
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 ( |
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 |
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 ( |
Cacher (ou montrer) la barre d'état
Propriété | Description |
ShowStatusBar | Par défaut ( |
Thème de la barre d'état
Propriété | Description |
StatusBarStyle | Choisissez entre le |
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 ( |
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 ( |
Orientation du plateau
Propriété | Description |
| Par Défaut ( |
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.
Last updated