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.
BlockDragger	Klasse für einen Blockzieher. Dabei werden Blöcke im Arbeitsbereich verschoben, wenn sie mit der Maus oder durch Tippen gezogen werden.
BlockSvg	Klasse für die SVG-Darstellung eines Blocks. Normalerweise wird workspace.newBlock() normalerweise nicht direkt aufgerufen. Stattdessen wird workspace.newBlock() bevorzugt.
BubbleDragger	Klasse für Bubble Dragger. Elemente auf dem Infofeldbereich werden durch Ziehen mit der Maus oder durch Tippen im Arbeitsbereich verschoben. Das können Kommentare, Mutatoren, Warnungen oder Kommentare im Arbeitsbereich sein.
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.
FieldAngle	Klasse für ein bearbeitbares Winkelfeld.
FieldCheckbox	Klasse für ein Kästchenfeld.
FieldColour	Klasse für ein Farbeingabefeld.
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.
FieldMultilineInput	Klasse für ein bearbeitbares Textfeldfeld.
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.
Eingabe	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.
Motto	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.
WorkspaceComment	Kurs für einen Arbeitsbereichskommentar.
WorkspaceCommentSvg	Klasse für die SVG-Darstellung eines Arbeitsbereichskommentars.
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
Sprechblase	Die abstrakte Pop-up-Blasenklasse. Dadurch wird eine Benutzeroberfläche erstellt, die wie eine Sprechblase aussieht. Sie hat einen "Ende", der auf den Block zeigt, und einen "Kopf", der beliebige svg-Elemente anzeigt.
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.
inputTypes	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)
isIcon(obj)	Type Guard, der prüft, ob das angegebene Objekt ein IIcon ist.
isPaster(obj)
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.

Interfaces

Schnittstelle	Beschreibung
BlocklyOptions	Blockly-Optionen.
FieldAngleConfig	Zusätzliche Konfigurationsoptionen für das Winkelfeld.
FieldAngleFromJsonConfig	fromJSON-Konfigurationsoptionen für das Winkelfeld.
FieldCheckboxConfig	Konfigurationsoptionen für das Kästchenfeld.
FieldCheckboxFromJsonConfig	„fromJson“-Konfigurationsoptionen für das Kästchenfeld auszuwählen.
FieldColourConfig	Konfigurationsoptionen für das Farbfeld.
FieldColourFromJsonConfig	„fromJson“-Konfigurationsoptionen für das Farbfeld an.
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 Farbfeld an.
FieldLabelConfig	Konfigurationsoptionen für das Labelfeld.
FieldLabelFromJsonConfig	„fromJson“-Konfigurationsoptionen für das Labelfeld.
FieldMultilineInputConfig	Konfigurationsoptionen für das mehrzeilige Eingabefeld.
FieldMultilineInputFromJsonConfig	from JSON-Konfigurationsoptionen für das mehrzeilige Eingabefeld ein.
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.
IBlockDragger	Eine Blockziehoberfläche.
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	Die Schnittstelle für ein Objekt, das gezogen werden kann.
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
common
ComponentManager
constants
ContextMenu
ContextMenuItems
ContextMenuRegistry
CSS
Dialogfeld
Ereignisse
Erweiterungen
fieldRegistry
geras
Symbole
ICopyable
Eingabe
Eingaben
InsertionMarkerManager
libraryBlocks
MetricsManager
Minimalistisch
Namen
Optionen
Vorgehensweise
registry
RenderedConnection
renderManagement
Serialisierung
ShortcutItems
ShortcutRegistry
Motto
ThemeManager
Designs
Thrasos
ToolboxCategory
ToolboxSeparator
Kurzinfo
Touchfunktion
uiPosition
utils
Variablen
VariablesDynamic
WidgetDiv
XML
Zelos

Variablen

Variable	Beschreibung
ALIGN_CENTRE
ALIGN_LEFT
ALIGN_RIGHT
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.
connectionTypes
defineBlocksWithJsonArray	Definieren Sie Blöcke aus einem Array von JSON-Blockdefinitionen, wie sie von den Blockly-Entwicklertools generiert werden könnten.
DELETE_VARIABLE_ID
DRAG_STACK
DropDownDiv
DUMMY_INPUT
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
setLocale	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.
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
FieldAngleValidator	Eine Funktion, die aufgerufen wird, um Änderungen am Feldwert zu validieren, bevor sie festgelegt werden.
FieldCheckboxValidator	Eine Funktion, die aufgerufen wird, um Änderungen am Feldwert zu validieren, bevor sie festgelegt werden.
FieldColourValidator	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.
FieldMultilineInputValidator	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.
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.