Blockly-Entwicklertools
ist ein webbasiertes Entwicklertools, das Teile der Blockly-Konfiguration automatisiert
wie das Erstellen benutzerdefinierter Bausteine,
der Aufbau einer Toolbox,
und Ihren Blockly-Webarbeitsbereich konfigurieren.
Der Blockly-Entwicklerprozess mit dem Tool besteht aus drei Teilen:
- Erstellen Sie benutzerdefinierte Bausteine mit Block Factory und Block Exporter.
- Toolbox und Standardarbeitsbereich mit Workspace Factory erstellen
- Konfigurieren Sie Ihren Arbeitsbereich mit Workspace Factory (derzeit nur für Web verfügbar) .
Tab „Block-Factory“
Über die Registerkarte „Block Factory“ Blockdefinitionen und Blockcode-Generatoren für benutzerdefinierte Bausteine. Auf diesem Tab können Sie ganz einfach benutzerdefinierte Bausteine.
Definieren eines Blocks
Dieses Video führt Sie im Detail durch die Schritte zum Definieren eines Blocks. Die Benutzeroberfläche ist inaktiv aber die hervorgehobenen Blockierfunktionen sind noch korrekt.
Bibliothek verwalten
Auf Blöcke wird über ihren Namen verwiesen. Daher muss jeder Block, den Sie erstellen möchten, eindeutigen Namen. Die Benutzeroberfläche erzwingt dies und macht deutlich, einen neuen Block zu erstellen oder zu „aktualisieren“, einem vorhandenen Block.
Sie können zwischen gespeicherten Blöcken wechseln oder einen neuen leeren Block erstellen indem Sie auf die Schaltfläche „Library“ (Bibliothek) klicken. Wenn Sie den Namen eines vorhandenen Blocks ändern, eine weitere Möglichkeit, schnell mehrere Blöcke mit ähnlichen Definitionen zu erstellen.
Bibliothek exportieren und importieren
Blöcke werden im lokalen Speicher des Browsers gespeichert. Lokale Adresse des Browsers löschen werden Ihre Blöcke gelöscht. Wenn Sie Ihre Blockierungen unbegrenzt speichern möchten, müssen Sie lade deine Mediathek herunter. Ihre Blockbibliothek wird als XML-Datei heruntergeladen Datei, die importiert werden kann, um Ihre Blockbibliothek in den Zustand zu versetzen, in dem sie sich befand Sie die Datei heruntergeladen haben. Beachten Sie, dass durch das Importieren einer Blockbibliothek Ihr die aktuelle, Sie sollten also zuerst exportieren.
Die Import- und Exportfunktionen werden ebenfalls empfohlen, um verschiedene Gruppen von benutzerdefinierten Bausteinen.
Tab „Exporter blockieren“
Nachdem Sie Ihre Blöcke entworfen haben, müssen Sie die Blockdefinitionen exportieren. und Generator-Stubs, die du in einer App nutzen kannst. Dies erfolgt auf der Exporter blockieren.
Jeder in Ihrer Blockbibliothek gespeicherte Block wird in der Blockauswahl angezeigt. Klicken Sie auf den Block, um ihn für den Export auszuwählen oder die Auswahl aufzuheben. Wenn Sie alle Blöcke in Ihrer Bibliothek über „Auswählen“ → „Alle im Block gespeicherten“ Mediathek“. Wenn Sie Ihre Toolbox erstellt oder Ihren Arbeitsbereich mit Tab „Workspace Factory“ auf, können Sie auch alle Blöcke auswählen, die Sie von indem Sie auf „Auswählen“ → „Alle in Workspace Factory verwendeten Daten“ klicken.
In den Exporteinstellungen können Sie die generierte Sprache für die Ausrichtung auswählen. und ob Sie die Definitionen, die Generator-Stubs oder beides ausgewählten Blockierungen. Klicken Sie anschließend auf „Exportieren“. zum Herunterladen von -Dateien.
Tab „Workspace Factory“
Workspace Factory vereinfacht die Konfiguration einer Toolbox und der standardmäßigen Blöcke in einem Arbeitsbereich. Sie können zwischen der Bearbeitung der Toolbox und der dem Arbeitsbereich mit der „Toolbox“ und „Workspace“ Schaltflächen.
Eine Toolbox aufbauen
Dieser Tab hilft beim Erstellen der XML-Datei für eine Toolbox. Das Material setzt voraus, vertraut mit den Funktionen einer Toolbox. Wenn Sie bereits XML für eine Toolbox haben, die Sie hier bearbeiten möchten, können Sie indem Sie auf „Zum Bearbeiten laden“ klicken.
Toolbox ohne Kategorien
Wenn Sie einige Blöcke ohne Kategorien anzeigen möchten, Ziehen Sie sie in den Arbeitsbereich. Die Blöcke werden dann in der Toolbox angezeigt. in der Vorschau angezeigt.
Toolbox mit Kategorien
Wenn die Blöcke in Kategorien eingeteilt werden sollen, klicken Sie auf die Schaltfläche „+“ und wählen Sie Dropdown-Element für die neue Kategorie aus. Dadurch wird deiner Kategorieliste eine Kategorie hinzugefügt die Sie auswählen und bearbeiten können. Wählen Sie „Standardkategorie“ aus, um eine Einzelperson hinzuzufügen. Standard-Blockly-Kategorie (Logik, Loops usw.) oder „Standard-Toolbox“ zum Hinzufügen aller Standard-Blockly-Kategorien. Mithilfe der Pfeiltasten können Sie die Kategorien neu anordnen.
Um den Namen oder die Farbe der ausgewählten Kategorie zu ändern, klicken Sie auf „Kategorie bearbeiten“ aus. Wenn Sie einen Block in den Arbeitsbereich ziehen, wird er zum ausgewählten Kategorie.
Erweiterte Bausteine
Standardmäßig können Sie beliebige Standardblöcke oder beliebige Blöcke in Ihrer Bibliothek hinzufügen. in die Toolbox ein. Wenn Sie in JSON Blöcke definiert haben, die sich nicht in Ihrer Bibliothek befinden, können Sie sie über die Schaltfläche „Benutzerdefinierte Bausteine importieren“ Schaltfläche.
Einige Blöcke sollten zusammen verwendet werden oder Standardeinstellungen enthalten. Dies geschieht mit Gruppen und Schatten. Beliebig Blöcke, die im Editor verbunden sind, werden der Toolbox als Gruppe hinzugefügt. Blöcke, die an einen anderen Block angehängt sind, können auch in Schattenblöcke umgewandelt werden. indem Sie den untergeordneten Block auswählen und auf die Schaltfläche Schaltfläche. Hinweis: Nur untergeordnete Blöcke, die keine Variable enthalten, können in den Schattenwert geändert werden. Blöcken.
Wenn Sie eine Variable oder einen Funktionsblock in die Toolbox aufnehmen, fügen Sie einen Kategorie „Variablen“ oder „Funktionen“ in Ihrer Toolbox, damit Nutzende den Block zu verwenden. Weitere Informationen über „Variablen“ oder „Funktionen“ Kategorien
Arbeitsbereich konfigurieren (für das Web von Blockly)
Rufen Sie die „Workspace Factory“ auf, um verschiedene Teile des Arbeitsbereichs zu konfigurieren. und wählen Sie „Arbeitsbereich“ aus.
Arbeitsbereichsoptionen auswählen
Legen Sie unterschiedliche Werte für Konfigurationsoptionen und sehen Sie sich das Ergebnis im Vorschaubereich an. Wird aktiviert Grid oder Zoom zeigt weitere Konfigurationsoptionen an. Außerdem erfordert der Wechsel zu Kategorien in der Regel einen komplexeren workspace; Ein Papierkorb und Bildlaufleisten werden automatisch hinzugefügt, wenn Sie Ihre in der ersten Kategorie.
Dem Arbeitsbereich vorab geladene Blöcke hinzufügen
Dies ist optional, kann aber erforderlich sein, wenn Sie eine Reihe von Blöcken in Arbeitsbereich:
- Beim Laden der Anwendung
- Wenn ein Ereignis ausgelöst wird (z. B. für das Erreichen eines Levels oder Klicken auf eine Hilfeschaltfläche).
Ziehen Sie Blöcke in den Bearbeitungsbereich, um sie in der Vorschau in Ihrem Arbeitsbereich zu sehen. Sie können Blockierungsgruppen erstellen, Blockierungen deaktivieren und bestimmte Blöcke in den Schatten stellen. wenn Sie sie auswählen.
Sie können diese Blöcke als XML exportieren (siehe unten). Fügen Sie sie Ihrem Arbeitsbereich hinzu mit
Blockly.Xml.domToWorkspace
, sofort nach dem Erstellen des Arbeitsbereichs:
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);
Mit diesem Beispielcode wird ein einzelner math_number
-Block zum Arbeitsbereich hinzugefügt.
Wird exportiert
Workspace Factory bietet die folgenden Exportoptionen:
- Startcode: Erstellt Start-HTML- und JavaScript-Code zum Einfügen Ihrer benutzerdefinierten Blockierter Arbeitsbereich.
- Toolbox: Erzeugt XML-Code, um Ihre Toolbox zu spezifizieren.
- Workspace Blocks: Generiert XML-Code, der in einen Arbeitsbereich geladen werden kann.