Outils pour les développeurs Blockly
est un outil Web pour les développeurs qui automatise des parties de la configuration Blockly
création de blocs personnalisés, création de votre boîte à outils,
et la configuration de votre espace de travail Web Blockly.
Le processus de développement Blockly basé sur l'outil comprend trois parties:
- Créez des blocs personnalisés à l'aide de Block Factory et de Block Exporter.
- Créer une boîte à outils et un espace de travail par défaut à l'aide de Workspace Factory
- Configurez votre espace de travail à l'aide de Workspace Factory (actuellement, une solution Web fonctionnalité).
Bloquer l'onglet de la fabrique
L'onglet Block Factory vous aide à créer définitions des blocs et générateurs de code de bloc pour les blocs personnalisés. Cet onglet vous permet de créer, modifier et enregistrer facilement des blocs personnalisés.
Définition d'un bloc
Cette vidéo décrit en détail les étapes de définition d'un bloc. L'UI a disparu mais les caractéristiques de bloc qu'il met en évidence restent exactes.
Gérer la bibliothèque
Les blocs sont référencés par leur nom. Chaque bloc que vous souhaitez créer doit donc avoir un nom unique. L'interface utilisateur applique cela et indique clairement quand vous "enregistrez" un nouveau blocage ou une "mise à jour" un bloc existant.
Vous pouvez passer d'un bloc à un autre que vous avez déjà enregistré ou créer un bloc vide en cliquant sur le bouton "Bibliothèque". Modifier le nom d'un bloc existant une autre façon de créer rapidement plusieurs blocs avec des définitions similaires.
Exporter et importer une bibliothèque
Les blocs sont enregistrés dans l'espace de stockage local du navigateur. Effacement de la mémoire locale du navigateur de stockage supprimera vos blocs. Pour enregistrer vos blocages indéfiniment, vous devez télécharger votre bibliothèque. Votre bibliothèque de blocs est téléchargée au format XML qui peut être importé pour définir votre bibliothèque de blocs sur l'état dans lequel elle était vous avez téléchargé le fichier. Notez que l'importation d'une bibliothèque de blocs remplace celui en cours. Vous pouvez donc commencer par l'exporter.
Les fonctionnalités d'importation et d'exportation sont également recommandées différents ensembles de blocs personnalisés.
Onglet "Bloquer l'exportateur"
Une fois les blocs définis, vous devez exporter les définitions des blocs. et bouchons de générateurs pour les utiliser dans une application. Cette opération s'effectue Onglet "Block Exporter" (Bloquer l'exportateur).
Chaque bloc stocké dans votre bibliothèque de blocs est affiché dans le sélecteur de blocs. Cliquez sur le volume afin de le sélectionner ou de le désélectionner pour l'exportation. Si vous souhaitez sélectionner tous les blocs de votre bibliothèque, sélectionnez "Sélectionner" → "Tous les blocs stockés dans "Bibliothèque". Si vous avez créé votre boîte à outils ou configuré votre espace de travail à l'aide de l'onglet "Workspace Factory", vous pouvez aussi sélectionner tous les blocs que vous avez utilisés en cliquant sur Sélectionner → Tous les éléments utilisés dans Workspace Factory.
Les paramètres d'exportation vous permettent de choisir la langue générée que vous souhaitez cibler et si vous voulez les définitions, les bouchons de générateur, ou les deux blocs sélectionnés. Après les avoir sélectionnés, cliquez sur "Exporter". pour télécharger votre .
Onglet Workspace Factory
Workspace Factory facilite la configuration d'une boîte à outils, d'un ensemble de blocs dans un espace de travail. Vous pouvez passer de la boîte à outils à la modification l'espace de travail à l'aide de la boîte à outils et "Espace de travail" .
Créer une boîte à outils
Cet onglet permet de créer le fichier XML d'une boîte à outils. Dans le support, nous partons du principe Connaissance des fonctionnalités d'une boîte à outils Si vous disposez déjà du code XML d'une boîte à outils que vous souhaitez modifier ici, vous pouvez cliquez sur "Charger pour modifier".
Boîte à outils sans catégories
Si vous disposez de quelques blocs et que vous souhaitez les afficher sans catégorie, il vous suffit faites-les glisser dans l'espace de travail. Vos blocs apparaîtront alors dans la boîte à outils. dans l'aperçu.
Boîte à outils avec catégories
Si vous souhaitez afficher les blocs dans des catégories, cliquez sur le bouton "+" et sélectionnez pour la nouvelle catégorie. Une catégorie sera ajoutée à votre liste. que vous pouvez sélectionner et modifier. Sélectionnez "Catégorie standard" pour ajouter un utilisateur catégorie Blockly standard (logique, boucles, etc.) ou « Standard Toolbox » pour ajouter tous catégories Blockly standards. Utilisez les boutons fléchés pour réorganiser les catégories.
Pour modifier le nom ou la couleur de la catégorie sélectionnée, cliquez sur "Modifier la catégorie". liste déroulante. Si vous faites glisser un volume dans l'espace de travail, il sera ajouté à la zone sélectionnée catégorie.
Blocs avancés
Par défaut, vous pouvez ajouter n'importe quel bloc standard ou n'importe quel bloc de votre bibliothèque à la boîte à outils. Si vous avez des blocs définis en JSON qui ne figurent pas dans votre bibliothèque, vous pouvez les importer à l'aide du menu « Importer des blocs personnalisés » .
Certains blocs doivent être utilisés ensemble ou inclure des valeurs par défaut. Cela se fait avec groupes et ombres. N'importe quelle valeur Les blocs connectés dans l'éditeur sont ajoutés à la boîte à outils sous forme de groupe. Les blocs associés à un autre bloc peuvent aussi être transformés en blocs occultants en sélectionnant le bloc enfant et en cliquant sur le bouton . Remarque: Seuls les blocs enfants qui ne contiennent pas de variable peuvent être remplacés par des blocs fantômes. blocs.
Si vous incluez une variable ou un bloc de fonction dans leur boîte à outils, insérez un la catégorie « Variables » ou « Fonctions » dans votre boîte à outils pour permettre aux utilisateurs utiliser le bloc. En savoir plus sur "Variables" ou "Fonctions" catégories.
Configurer un espace de travail (pour le Web Blockly)
Pour configurer différentes parties de votre espace de travail, accédez à Workspace Factory puis sélectionnez "Espace de travail".
Choisir les options de l'espace de travail
Définir des valeurs différentes pour des options de configuration et le résultat s'affiche dans la zone d'aperçu. Activation... grid ou zoom pour afficher d'autres options à configurer. De plus, passer aux catégories nécessite généralement une méthode workspace; une corbeille et des barres de défilement sont ajoutées automatiquement lorsque vous ajoutez votre première catégorie.
Ajouter des blocs préchargés à l'espace de travail
Cette opération est facultative, mais peut être nécessaire si vous souhaitez afficher un ensemble de blocs dans l'espace de travail:
- Lors du chargement de l'application
- Lorsqu'un événement (progression d'un niveau, clic sur un bouton d'aide, etc.) se déclenche.
Faites glisser des blocs dans la zone d'édition pour les voir dans votre espace de travail dans l'aperçu. Vous pouvez créer des groupes de blocs, désactiver des blocs et masquer certains blocs lorsque vous les sélectionnez.
Vous pouvez exporter ces blocs au format XML (voir ci-dessous). Ajoutez-les à votre espace de travail avec
Blockly.Xml.domToWorkspace, immédiatement après la création de votre espace de travail:
var xmlText = '<xml xmlns="https://developers.google.com/blockly/xml">' +
'<block type="math_number"></block></xml>';
Blockly.Xml.domToWorkspace(Blockly.utils.xml.textToDom(xmlText), workspace);
Cet exemple de code ajoute un seul bloc math_number à l'espace de travail.
Exportation…
Workspace Factory propose les options d'exportation suivantes:
- Starter Code (Code de démarrage) : génère le code html et javascript de démarrage pour injecter votre code Espace de travail Blockly.
- Boîte à outils: génère du code XML pour spécifier votre boîte à outils.
- Workspace Blocks: produit du code XML qui peut être chargé dans un espace de travail.