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
  • Qu'est-ce que le bloc d'événements génériques ?
  • Utilisation du bloc d'événements génériques
  • Le bloc d'éléments de composants
  • Qu'est-ce que le bloc Create ?
  • Utilisation du bloc Create
  • Bloc d'éléments de composants
  • Qu'est-ce que le Bloc Clone ?
  • Utilisation du bloc Clone
  • Le bloc Clone Item
  • Qu'est-ce que le bloc Generic Method ?
  • Utilisation du bloc Generic Method
  • Qu'est-ce que le bloc Generic Set ?
  • Utilisation du bloc Generic Set
  • Qu'est-ce que le bloc Generic Get ?
  • Utilisation du bloc Generic Get
  • Qu'est-ce que le bloc "All Components in Container" ?
  • Utilisation du bloc ‘All Components in Container’?
  • Qu'est-ce que le bloc Remove ?
  • Using the Remove Block?
  • Le bloc Component

Was this helpful?

  1. 🤖Blocs

"Any Component" Blocks (Blocs "Généraliste")

PreviousFunctions (Fonctions)NextData Sources

Last updated 4 years ago

Was this helpful?

Les composants du sélecteur "Any Component" sont d'excellents outils à utiliser au lieu d'utiliser sans cesse la même combinaison de blocs. Ils vous aideront également à utiliser moins de blocs dans votre application.

Par exemple, pour changer la couleur de n'importe quel bouton à l'écran en bleu (les blocs de gauche), nous devons utiliser 6 blocs. En utilisant les blocs "Any Component" (à droite), nous ne devons utiliser que 2 blocs.

Vue d'ensemble

  • [à remplir]

Qu'est-ce que le bloc d'événements génériques ?

Avec le bloc Événement générique, vous pouvez définir quand un événement aura lieu.

Par exemple, dans l'image ci-dessous, tout bouton sur lequel vous cliquez à l'écran changera le texte de le label1 en "Thunking Is Fun !".

Utilisation du bloc d'événements génériques

Dans le premier menu déroulant, vous pouvez sélectionner le type de composant pour lequel vous souhaitez gérer les événements.

Avec le deuxième menu déroulant, vous pouvez choisir quand un événement aura lieu.

Le bloc d'éléments de composants

Si vous voulez personnaliser le bouton sur lequel vous avez cliqué à l'écran, vous pouvez utiliser ce bloc.

Avec ces blocs, chaque fois qu'un bouton est cliqué, le texte de ce bouton sera défini comme "I love Thunkable !".

Chaque fois que l'on clique sur un bouton, le texte de ce bouton devient "I love Thunkable".

Qu'est-ce que le bloc Create ?

Avec le bloc Create, vous pouvez programmer votre application pour qu'elle crée des composants visibles (des choses que vous pouvez voir, comme des boutons ou des images) pendant son exécution.

Lorsque vous utilisez le bloc Create, votre application crée automatiquement quelque chose. Par exemple :

Cette image montre que lorsque l'écran 1 s'ouvre, votre application va créer un bouton et le placer sur l'écran 1.

Utilisation du bloc Create

Le premier menu déroulant vous permet de sélectionner le type de composant visible que vous souhaitez créer.

Le deuxième menu déroulant vous permet de sélectionner l'endroit où vous souhaitez positionner le composant que vous créez sur l'écran de l'application.

Note: Les options des deuxième et troisième listes déroulantes varient en fonction du composant que vous sélectionnez dans la première liste déroulante. Le bloc suivant crée un nouveau bouton et le place comme premier élément de l'écran 1.

Le tableau ci-dessous explique les différentes options de blocage :

[Insérer tableau]

Note: Vous pouvez remplacer la troisième liste déroulante par tout bloc représentant un composant visible à l'aide du bloc composant. Il peut également s'agir d'un paramètre de fonction variable, ou de tout bloc dont la valeur est un composant.

Bloc d'éléments de composants

Si vous voulez personnaliser le composant que vous venez de créer, vous pouvez utiliser ce bloc.

Ces blocs indiquent que, lorsqu'un bouton de l'écran 1 est cliqué, il faut créer une nouvelle étiquette. Ensuite, définissez le texte de la nouvelle étiquette comme étant "I was just created !".

Lorsque l'on clique sur n'importe quel bouton de l'écran, un nouveau bouton est créé en haut de l'écran.

Qu'est-ce que le Bloc Clone ?

Le bloc Clone crée une copie d'un composant existant dans votre application. Par exemple, si vous avez un bouton à l'écran et que vous voulez créer un autre bouton qui a exactement la même apparence, vous pouvez utiliser le bloc clone pour le faire.

Vous pouvez utiliser le bloc Clone au lieu d'utiliser plusieurs fois la même combinaison de blocs. Cela vous permettra également d'utiliser moins de blocs.

Note: Vous ne pouvez pas cloner les écrans et les composants invisibles avec le bloc Clone.

Utilisation du bloc Clone

Dans le premier menu déroulant, vous pouvez sélectionner le composant que vous souhaitez cloner.

Le deuxième menu déroulant vous permet de sélectionner l'endroit où vous souhaitez positionner le composant cloné par rapport à un autre composant sur l'écran de l'application.

[Insérer tableau]

Note: Les options de la troisième liste déroulante varient en fonction du composant que vous sélectionnez dans la première liste déroulante.

Le bloc Clone Item

Si vous voulez personnaliser un composant cloné, vous pouvez utiliser ce bloc.

Lorsqu'un bouton est cliqué, le bouton 1 est cloné et le texte du clone est changé en “I was just cloned!”

Qu'est-ce que le bloc Generic Method ?

Le bloc Generic Method peut être utilisé pour appeler des fonctions pour les composants qui ont été créés avec les blocs Clone ou de Create.

Utilisation du bloc Generic Method

Dans le premier menu déroulant, vous pouvez sélectionner le composant pour lequel vous souhaitez appeler une fonction.

Le deuxième menu déroulant vous permet de sélectionner la fonction que vous souhaitez appeler.

Notes: Les options de la deuxième liste déroulante varient en fonction du composant que vous sélectionnez dans la première liste déroulante. En outre, le composant que vous enfichez doit être du même type que celui qui figure dans la première liste déroulante.

Qu'est-ce que le bloc Generic Set ?

Le bloc Generic Set vous permet de modifier les propriétés, telles que le texte et la couleur, de tout composant présent sur l'écran de l'application.

Utilisation du bloc Generic Set

Il existe deux façons de modifier le texte d'un composant à l'aide du bloc Generic Set.

  1. Utilisez le menu déroulant pour sélectionner le composant dont vous voulez définir le texte.

2. Vous pouvez utiliser le bloc Component Item avec le bloc Generic Set pour modifier le texte de l'élément sur lequel vous avez cliqué.

Qu'est-ce que le bloc Generic Get ?

Le bloc Generic Get vous permet d'obtenir les propriétés (telles que le texte et la couleur) de n'importe quel composant présent sur l'écran de l'application.

Vous pouvez utiliser le menu déroulant pour sélectionner le composant dont vous souhaitez obtenir le texte.

Utilisation du bloc Generic Get

Il existe deux façons d'obtenir le texte d'un composant à l'aide du bloc Get générique.

  1. Utilisez le menu déroulant pour sélectionner le composant pour lequel vous souhaitez obtenir le texte.

Note: Vous pouvez également insérer ici une variable ou un paramètre de fonction qui a une valeur de composant.

2. You can use the Component Block, as well as the Component Item Block, with the Generic Get Block to select the component you want to get the text of.

2. Vous pouvez utiliser le bloc Component, ainsi que le bloc Component Item, avec le bloc Generic Get pour sélectionner le composant dont vous voulez obtenir le texte.

Qu'est-ce que le bloc "All Components in Container" ?

Utilisation du bloc ‘All Components in Container’?

Le bloc ‘All Components in Container’ peut être utilisé avec le bloc de boucle du bloc de contrôle.

La combinaison des blocs ci-dessus passe en revue tous les boutons de l'écran 1 et définit le texte de chaque bouton sur “Thunkable!”.

Qu'est-ce que le bloc Remove ?

Le bloc Remove vous permet de supprimer un composant de votre application. Vous pouvez supprimer un composant que vous avez fait glisser à partir du concepteur, cloné ou créé à l'aide du bloc Create.

Using the Remove Block?

Il existe deux façons de supprimer un composant à l'aide du bloc Remove.

  1. Utilisez le menu déroulant pour sélectionner le composant que vous souhaitez supprimer de l'application.

2. Vous pouvez utiliser le bloc Component Item avec le bloc Remove pour supprimer le composant sur lequel vous avez cliqué. Vous pouvez également utiliser une variable, un paramètre de fonction ou tout autre bloc dont la valeur est un composant.

Le bloc Component

Le bloc Component possède un menu déroulant qui liste tous les composants présents à l'écran..

Avec ces blocs, lorsque l'écran1 est ouvert, le bloc de composants définit le texte du bouton3 “I Love Thunkable!”.

Lorsque l'écran1 s'ouvrira, ces blocs indiqueront à votre application de cloner le bouton2, puis de définir le texte du clone comme suit : "I was just clone !". (Essayez ceci par vous-même )

Les blocs ci-dessus indiquent que lorsque le bouton 1 est cliqué, il faut créer un composant et appeler la fonction de rechargement pour celui-ci.

Le bloc "All Components in Container" regroupe dans une liste tous les composants visibles d'un conteneur (c'est-à-dire une (ligne), une ( colonne) ou un (écran)) qui sont du même type.

Dans le bloc ci-dessus, tous les boutons de l'écran1 sont stockés dans une liste. Cela signifie que vous pouvez utiliser des blocs pour sélectionner des éléments de cette liste, par exemple le premier élément de "tous les boutons de l'écran1".

Vous pouvez sélectionner l'un des composants dans le menu et l'utiliser dans n'importe quel bloc ayant une entrée pour un composant. Voici quelques exemples : le bloc , le bloc ou le bloc Generic Event.

ici
Web Viewer
Row
Column
Screen
List
Clone
Create