blockly

blockly-Paket

Kurse

Klasse Beschreibung
ASTNode Klasse für einen AST-Knoten. Es empfiehlt sich, eine der createNode-Methoden zu verwenden, anstatt einen Knoten direkt zu erstellen.
BasicCursor Klasse für einen einfachen Cursor. Dadurch kann der Nutzer zu allen Knoten im AST gelangen, indem er auf „Weiter“ oder „Zurück“ drückt.
Blockieren Klasse für einen Block. Normalerweise wird workspace.newBlock() normalerweise nicht direkt aufgerufen. Stattdessen wird workspace.newBlock() bevorzugt.
BlockSvg Klasse für die SVG-Darstellung eines Blocks. Normalerweise wird workspace.newBlock() normalerweise nicht direkt aufgerufen. Stattdessen wird workspace.newBlock() bevorzugt.
CodeGenerator Klasse für einen Codegenerator, der die Blöcke in eine Sprache übersetzt.
CollapsibleToolboxCategory Klasse für eine Kategorie in einer Toolbox, die minimiert werden kann.
ComponentManager Manager für alle Elemente, die für den Arbeitsbereich registriert sind.
Verbindung Klasse für eine Verbindung zwischen Blöcken.
ConnectionChecker Klasse für die Logik zur Prüfung des Verbindungstyps.
ConnectionDB Datenbank mit Verbindungen. Verbindungen werden in der Reihenfolge ihrer vertikalen Komponente gespeichert. Auf diese Weise können Verbindungen in einem Bereich mithilfe einer binären Suche schnell nachgeschlagen werden.
ContextMenuRegistry Klasse für die Registry von Kontextmenüelementen. Dies ist ein Singleton-Format. Sie sollten keine neue Instanz erstellen und nur über ContextMenuRegistry.Registry auf diese Klasse zugreifen.
Cursor Klasse für einen Cursor. Ein Cursor steuert, wie ein Benutzer den Blockly AST navigiert.
DeleteArea Abstrakte Klasse für eine Komponente, die einen darüber gelegten Block oder eine Blase löschen kann.
DragTarget Abstrakte Klasse für eine Komponente mit benutzerdefiniertem Verhalten, wenn ein Block oder eine Blase über die Komponente gezogen oder darauf gezogen wird.
FieldCheckbox Klasse für ein Kästchenfeld.
FieldDropdown Klasse für ein bearbeitbares Drop-down-Feld.
FieldImage Klasse für ein Bild in einem Block.
FieldLabel Klasse für ein nicht bearbeitbares, nicht serielles Textfeld.
FieldLabelSerializable Klasse für ein nicht bearbeitbares, serielles Textfeld.
FieldNumber Klasse für ein bearbeitbares Zahlenfeld.
FieldTextInput Klasse für ein bearbeitbares Textfeld.
FieldVariable Klasse für das Drop-down-Feld einer Variablen.
FlyoutButton Klasse für eine Schaltfläche oder ein Label im Flyout.
FlyoutMetricsManager Berechnet Metriken für den Arbeitsbereich eines Flyouts. Die Messwerte werden hauptsächlich zur Größe der Bildlaufleisten für das Flyout-Element verwendet.
Touch-Geste Klasse für eine Geste.
Raster Klasse für das Raster eines Arbeitsbereichs.
HorizontalFlyout Kurs für einen Flyout.
Eingang Klasse für eine Eingabe mit optionalen Feldern.
InsertionMarkerManager Klasse, die Aktualisierungen von Verbindungen beim Ziehen steuert. Sie ist in erster Linie dafür verantwortlich, die nächste passende Verbindung zu finden und sie während des Ziehens bei Bedarf hervorzuheben oder zu entfernen.
InsertionMarkerPreviewer
Marker Klasse für eine Markierung. Wird bei der Tastaturnavigation verwendet, um einen Ort im Blockly AST zu speichern.
MarkerManager Klasse zum Verwalten mehrerer Markierungen und des Cursors in einem Arbeitsbereich.
Menü Eine einfache Menüklasse.
MenuItem Klasse, die ein Element in einem Menü darstellt.
MetricsManager Der Manager für alle Berechnungen von Arbeitsbereichsmesswerten.
Namen Klasse für eine Datenbank mit Entitätsnamen (Variablen, Prozeduren usw.).
Optionen Parsen Sie die vom Nutzer angegebenen Optionen und verwenden Sie angemessene Standardeinstellungen, wenn das Verhalten nicht angegeben ist.
RenderedConnection Klasse für eine Verbindung zwischen Blöcken, die auf dem Bildschirm gerendert werden können.
Bildlaufleiste Klasse für eine reine SVG-Bildlaufleiste. Bei diesem Verfahren wird eine Bildlaufleiste angezeigt, die zwar garantiert funktioniert, aber möglicherweise nicht wie die Bildlaufleisten des Systems aussieht oder funktioniert.
ScrollbarPair Klasse für zwei Bildlaufleisten. Horizontal und vertikal.
ShortcutRegistry Klasse für die Registrierung von Tastenkombinationen. Dies ist ein Singleton-Format. Sie sollten keine neue Instanz erstellen und nur über ShortcutRegistry.Registry auf diese Klasse zugreifen.
TabNavigateCursor Cursor für die Navigation zwischen den Feldern, die durch Tabs navigiert werden können.
Design Klasse für ein Thema.
ThemeManager Klasse zum Speichern und Aktualisieren des Designs und der UI-Komponenten eines Arbeitsbereichs.
Abbildung: Toolbox Kurs für eine Toolbox. Erstellt das DOM der Toolbox.
ToolboxCategory Klasse für eine Kategorie in einer Toolbox.
ToolboxItem Klasse für ein Element in der Toolbox.
ToolboxSeparator Klasse für ein Toolbox-Trennzeichen. Das ist die dünne visuelle Linie, die auf der Toolbox erscheint. Mit diesem Element kann nicht interagiert werden.
Papierkorb Klasse für einen Mülleimer.
UnattachedFieldError Stellt einen Fehler dar, bei dem das Feld versucht, auf seinen Block oder Informationen über seinen Block zuzugreifen, bevor es tatsächlich an den Block angehängt wurde.
VariableMap Klasse für eine Variablenzuordnung. Sie enthält eine Wörterbuchdatenstruktur mit Variablentypen als Schlüssel und Listen von Variablen als Werte. Die Liste der Variablen entspricht dem durch den Schlüssel angegebenen Typ.
VariableModel Klasse für ein Variablenmodell. Enthält Informationen für die Variable, einschließlich Name, ID und Typ.
VerticalFlyout Kurs für einen Flyout.
Workspace Klasse für einen Arbeitsbereich. Dies ist eine Datenstruktur, die Blöcke enthält. Es gibt keine Benutzeroberfläche und kann monitorlos erstellt werden.
WorkspaceAudio Klasse zum Laden, Speichern und Abspielen von Audioinhalten aus einem Arbeitsbereich.
WorkspaceDragger Klasse für einen Arbeitsbereichszieher. Der Arbeitsbereich wird durch Ziehen einer Maus oder Berührung verschoben.
WorkspaceSvg Klasse für einen Arbeitsbereich. Dies ist ein Bildschirmbereich mit optionalem Papierkorb, Bildlaufleisten, Infofeldern und Ziehpunkten.
ZoomControls Klasse für Zoomsteuerelemente.

Abstrakte Klassen

Abstrakte Klasse Beschreibung
Feld Abstrakte Klasse für ein bearbeitbares Feld.
Flyout Kurs für einen Flyout.

Aufzählungen

Aufzählung Beschreibung
ConnectionType Enum für den Typ einer Verbindung oder Eingabe.

Funktionen

Funktion Beschreibung
hasBubble(obj) Type Guard, der prüft, ob das angegebene Objekt ein IHasBubble ist.
hideChaff(opt_onlyClosePopups) Kurzinfos, Kontextmenüs, Drop-down-Menüs usw. schließen
insert(container, opt_options) Fügen Sie einen Blockly-Editor in das angegebene Containerelement ein (normalerweise ein div-Element).
isCopyable(obj)
isDeletable(obj) Gibt zurück, ob das angegebene Objekt ein identifizierbares Objekt ist.
isDraggable(obj) Gibt zurück, ob das angegebene Objekt ein IDraggable ist oder nicht
isIcon(obj) Type Guard, der prüft, ob das angegebene Objekt ein IIcon ist.
isPaster(obj)
isSelectable(obj) Überprüft, ob das angegebene Objekt ein ISelectable ist.
isSerializable(obj) Type Guard, der prüft, ob das angegebene Objekt ein ISerializable ist.
isVariableBackedParameterModel(param) Gibt zurück, ob das angegebene Objekt ein Variableninhaber ist oder nicht.
setLocale(locale)

Legt die Sprache (d. h. lokalisierte Nachrichten, Blocktext usw.) auf die angegebene Sprache fest.

Dies ist beim Laden aus einem Skript-Tag nicht nützlich/erforderlich, da die Nachrichten automatisch in das Blockly.Msg-Objekt aufgenommen werden. Wir stellen ihn jedoch sowohl im Skript-Tag- als auch im Nicht-Skript-Tag-Kontext bereit, damit der tscompiler unsere Typdefinitionsdateien korrekt erstellen kann.

Interfaces

Schnittstelle Beschreibung
BlocklyOptions Blockly-Optionen.
FieldCheckboxConfig Konfigurationsoptionen für das Kästchenfeld.
FieldCheckboxFromJsonConfig „fromJson“-Konfigurationsoptionen für das Kästchenfeld auszuwählen.
FieldConfig Zusätzliche Konfigurationsoptionen für das Basisfeld.
FieldDropdownFromJsonConfig „fromJSON-Konfiguration“ für das Drop-down-Feld.
FieldImageConfig Konfigurationsoptionen für das Image-Feld.
FieldImageFromJsonConfig „fromJson“-Konfigurationsoptionen für das Image-Feld.
FieldLabelConfig Konfigurationsoptionen für das Labelfeld.
FieldLabelFromJsonConfig „fromJson“-Konfigurationsoptionen für das Labelfeld.
FieldNumberConfig Konfigurationsoptionen für das Zahlenfeld.
FieldNumberFromJsonConfig „fromJson“-Konfigurationsoptionen für das Nummernfeld.
FieldTextInputFromJsonConfig „fromJson“-Konfigurationsoptionen für das Texteingabefeld auszuwählen.
FieldVariableConfig Konfigurationsoptionen für das Variablenfeld.
FieldVariableFromJsonConfig „fromJson“-Konfigurationsoptionen für das Variablenfeld an.
IASTNodeLocation Eine Schnittstelle für den AST-Knotenstandort.
IASTNodeLocationSvg Eine SVG-Schnittstelle für den AST-Knotenstandort.
IASTNodeLocationWithBlock Ein AST-Knotenstandort mit einem verknüpften Block.
IAutoHideable Schnittstelle für eine Komponente, die automatisch ausgeblendet werden kann.
IBoundedElement Eine Oberfläche für begrenzte Elemente.
IBubble Eine Benutzeroberfläche mit Blasen.
ICollapsibleToolboxItem Oberfläche für ein Element in der Toolbox, das minimiert werden kann
IComponent Die Oberfläche für eine Arbeitsbereichskomponente, die beim ComponentManager registriert werden kann.
IConnectionChecker Klasse für die Logik zur Prüfung des Verbindungstyps.
IConnectionPreviewer Zeigt eine visuelle Vorschau der Stellen an, an denen ein Block beim Löschen verbunden wird.
IContextMenu
ICopyable
IDeletable Die Schnittstelle für ein Objekt, das gelöscht werden kann.
IDeleteArea Oberfläche für eine Komponente, mit der ein darüber gelegter Block oder Infofeld gelöscht werden kann.
IDraggable Stellt ein Objekt dar, das gezogen werden kann.
IDragger
IDragStrategy
IDragTarget Oberfläche für eine Komponente mit benutzerdefiniertem Verhalten, wenn ein Block oder eine Blase über die Komponente gezogen oder darauf gezogen wird.
IFlyout Benutzeroberfläche für ein Flyout
IHasBubble
IIcon
IKeyboardAccessible Eine Schnittstelle für ein Objekt, die Tastenkombinationen verarbeitet.
IMetricsManager Oberfläche eines Messwertmanagers.
IMovable Die Schnittstelle für ein bewegliches Objekt.
IPaster Ein Objekt, mit dem Daten in einen Arbeitsbereich eingefügt werden können.
IPositionable Oberfläche für eine Komponente, die über dem Arbeitsbereich positioniert ist
IRegistrable Die Schnittstelle für eine Blockly-Komponente, die registriert werden kann.
ISelectable Die Schnittstelle für ein Objekt, das auswählbar ist.
ISelectableToolboxItem Oberfläche für ein Element in der Toolbox, das ausgewählt werden kann
ISerializable
IStyleable Schnittstelle für ein Objekt, zu dem ein Stil hinzugefügt werden kann.
IToolbox Schnittstelle für eine Toolbox.
IToolboxItem Schnittstelle für ein Element in der Toolbox.
IVariableBackedParameterModel Schnittstelle für ein Parametermodell, das ein variables Modell enthält.

Namespaces

Namespace Beschreibung
ASTNode
Blockieren
blockAnimations
blockRendering
browserEvents
Bubbles
bumpObjects
Zwischenablage
CollapsibleToolboxCategory
comments
common
ComponentManager
constants
ContextMenu
ContextMenuItems
ContextMenuRegistry
CSS
Dialogfeld
ziehen
Ereignisse
Erweiterungen
fieldRegistry
geras
Symbole
ICopyable
Eingaben
InsertionMarkerManager
libraryBlocks
MetricsManager
Namen
Optionen
Vorgehensweise
registry
RenderedConnection
renderManagement
Serialisierung
ShortcutItems
ShortcutRegistry
Design
ThemeManager
Designs
Thrasos
ToolboxCategory
ToolboxSeparator
Kurzinfo
Touchfunktion
uiPosition
utils
Variablen
VariablesDynamic
WidgetDiv
XML
Zelos

Variablen

Variable Beschreibung
Blockierungen Eine Zuordnung von Blocktypnamen zu Blockprototypen.
COLLAPSE_CHARS
COLLAPSED_FIELD_NAME
COLLAPSED_INPUT_NAME
Konfiguration Objekt mit allen Werten auf Blockly, die Entwickler voraussichtlich ändern können.
defineBlocksWithJsonArray Definieren Sie Blöcke aus einem Array von JSON-Blockdefinitionen, wie sie von den Blockly-Entwicklertools generiert werden könnten.
DELETE_VARIABLE_ID
DropDownDiv
getMainWorkspace Gibt den Hauptarbeitsbereich zurück Gibt den zuletzt verwendeten Hauptarbeitsbereich zurück (basierend auf dem Fokus) Verwenden Sie diese Funktion möglichst nicht, insbesondere wenn es auf einer Seite mehrere Blockly-Instanzen gibt.
getSelected Gibt das aktuell ausgewählte kopierbare Objekt zurück
INPUT_VALUE
JavaScript
Nachricht Ein Wörterbuch lokalisierter Nachrichten.
NEXT_STATEMENT
OPPOSITE_TYPE
OUTPUT_VALUE
PREVIOUS_STATEMENT
PROCEDURE_CATEGORY_NAME String zur Verwendung im Attribut „custom“ einer Kategorie in der Toolbox-XML-Datei. Dieser String gibt an, dass die Kategorie dynamisch mit Prozedurblöcken gefüllt werden soll.
RENAME_VARIABLE_ID
setParentContainer Legen Sie den übergeordneten Container fest. Dies ist das Containerelement, das beim ersten Aufruf von Blockly.inject durch „WidgetDiv“, „dropDownDiv“ und „Kurzinfo“ gerendert wird. Diese Methode ist ein NOP, wenn sie nach dem ersten Blockly.inject aufgerufen wird.
svgResize Passen Sie die Größe des SVG-Bilds so an, dass es den gesamten Container vollständig ausfüllt. Dieses Ereignis sollte aufgerufen werden, wenn sich die Größe der Ansicht tatsächlich ändert (z.B. bei einer Änderung der Größe eines Fensters oder einer Geräteausrichtung). Unter workspace.resizeContents finden Sie Informationen zum Anpassen der Größe des Arbeitsbereichs, wenn sich der Inhalt ändert (z.B. wenn ein Block hinzugefügt oder entfernt wird). Notieren Sie die Höhe/Breite des SVG-Bilds.
TOOLBOX_AT_BOTTOM
TOOLBOX_AT_LEFT
TOOLBOX_AT_RIGHT
TOOLBOX_AT_TOP
VARIABLE_CATEGORY_NAME String zur Verwendung im Attribut „custom“ einer Kategorie in der Toolbox-XML-Datei. Dieser String gibt an, dass die Kategorie dynamisch mit variablen Blöcken gefüllt werden soll.
VARIABLE_DYNAMIC_CATEGORY_NAME String zur Verwendung im Attribut „custom“ einer Kategorie in der Toolbox-XML-Datei. Dieser String gibt an, dass die Kategorie dynamisch mit variablen Blöcken gefüllt werden soll.
VERSION Blockly-Hauptversion. Diese Konstante wird vom Build-Skript (npm run build) mit dem Wert der Version in „package.json“ überschrieben. Dies wird vom Closure Compiler in der "buildCompress gulp"-Aufgabe durchgeführt. Bei lokalen Builds können Sie --define='Blockly.VERSION=X.Y.Z' an den Compiler übergeben, um diese Konstante zu überschreiben.

Typaliasse

Typalias Beschreibung
FieldCheckboxValidator Eine Funktion, die aufgerufen wird, um Änderungen am Feldwert zu validieren, bevor sie festgelegt werden.
FieldDropdownConfig Konfigurationsoptionen für das Drop-down-Feld.
FieldDropdownValidator Eine Funktion, die aufgerufen wird, um Änderungen am Feldwert zu validieren, bevor sie festgelegt werden.
FieldNumberValidator Eine Funktion, die aufgerufen wird, um Änderungen am Feldwert zu validieren, bevor sie festgelegt werden.
FieldTextInputConfig Konfigurationsoptionen für das Texteingabefeld.
FieldTextInputValidator Eine Funktion, die aufgerufen wird, um Änderungen am Feldwert zu validieren, bevor sie festgelegt werden.
FieldValidator Eine Funktion, die aufgerufen wird, um Änderungen am Feldwert zu validieren, bevor sie festgelegt werden.
FieldVariableValidator Eine Funktion, die aufgerufen wird, um Änderungen am Feldwert zu validieren, bevor sie festgelegt werden.
ICopyData
MenuGenerator Entweder ein Array mit Menüoptionen oder eine Funktion, die ein Array von Menüoptionen für „FieldDropdown“ oder seine untergeordneten Elemente generiert.
MenuGeneratorFunction Eine Funktion, die ein Array mit Menüoptionen für „FieldDropdown“ oder ein untergeordnetes Element generiert.
MenuOption Eine einzelne Option im Drop-down-Menü. Das erste Element ist der visuell lesbare Wert (Text oder Bild) und das zweite Element der sprachneutrale Wert.