blockatisch

Blockly-Paket

Kurse

Klasse Beschreibung
AST-Knoten Klasse für einen AST-Knoten. Wir empfehlen, eine der createNode-Methoden zu verwenden, anstatt einen Knoten direkt zu erstellen.
Einfacher Cursor Klasse für einen einfachen Cursor Dadurch kann der Nutzer durch Klicken auf „Weiter“ oder „Zurück“ zu allen Knoten im AST gelangen.
Blockieren Klasse für einen Block. Normalerweise nicht direkt aufgerufen, wird „workspace.newBlock()“ bevorzugt.
BlockDragger Klasse für einen Block-Drager. Dabei werden Blöcke im Arbeitsbereich verschoben, wenn sie durch eine Maus oder Berührung gezogen werden.
BlockSvg Klasse für die SVG-Darstellung eines Blocks. Normalerweise nicht direkt aufgerufen, wird „workspace.newBlock()“ bevorzugt.
BubbleDragger Klasse für einen Bubble Drager. Mit dieser Funktion werden Elemente im Infofeldbereich um den Arbeitsbereich verschoben, wenn er durch eine Maus oder Berührung gezogen wird. Das können Kommentare, Änderungsmeldungen, Warnungen oder Arbeitsbereichskommentare sein.
Codegenerator Klasse für einen Codegenerator, der die Blöcke in eine Sprache übersetzt.
CollapsibleToolboxCategory Klasse für eine Kategorie in einem Toolbox, die minimiert werden kann.
Komponentenmanager Manager für alle im Arbeitsbereich registrierten Elemente.
Verbindung Klasse für eine Verbindung zwischen Blöcken.
Verbindungscheck Klasse für die Logik zur Prüfung des Verbindungstyps.
Verbindungsdatenbank Datenbank von Verbindungen. Verbindungen werden in der Reihenfolge ihrer vertikalen Komponente gespeichert. So können Verbindungen in einem Bereich mit einer binären Suche schnell ermittelt werden.
ContextMenuRegistry Klasse für die Registrierung von Kontextmenüelementen. Dies ist ein Singleton. 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 Nutzer die Blöcke in AST verwendet.
Bereich löschen Abstrakte Klasse für eine Komponente, die einen darüber liegenden Block oder Infofeld löschen kann.
Drag-Target Abstrakte Klasse für eine Komponente mit benutzerdefiniertem Verhalten, wenn ein Block oder Blase darüber gezogen oder darüber gelegt wird.
Feldwinkel Klasse für ein bearbeitbares Winkelfeld.
FeldKästchen Klasse für ein Kästchen.
Feldfarbe Klasse für ein Eingabefeld für Farben.
Feld Klasse für ein bearbeitbares Drop-down-Feld.
Feldbild Klasse für ein Bild in einem Block.
Feldlabel Klasse für ein nicht bearbeitbares, nicht serialisiertes Textfeld.
FeldlabelSerializable Klasse für ein nicht bearbeitbares, serialisiertes Textfeld.
FeldMultiLineEingabe Klasse für ein bearbeitbares Textbereichsfeld.
Feldnummer Klasse für ein bearbeitbares Zahlenfeld.
Feldtext Klasse für ein bearbeitbares Textfeld.
Feldvariable Klasse für das Drop-down-Feld einer Variablen.
Flyout-Schaltfläche Klasse für eine Schaltfläche oder ein Label im Flyout.
FlyoutMetricsManager. Berechnet Messwerte für den Arbeitsbereich eines Flyouts. Sie werden hauptsächlich verwendet, um die Größe von Scrollleisten für das Flyout anzupassen.
Touch-Geste Klasse für eine Geste.
Raster Klasse für das Raster eines Arbeitsbereichs.
HorizontalFlyout Klasse für ein Flyout.
Eingabe Klasse für eine Eingabe mit optionalen Feldern.
InsertMarkerMarkerManager: Klasse, die Updates für Verbindungen während des Ziehens steuert. Sie ist hauptsächlich dafür verantwortlich, die nächstgelegene geeignete Verbindung zu finden und sie während des Ziehens nach Bedarf hervorzuheben oder hervorzuheben.
Marker Klasse für eine Markierung. Wird in der Tastaturnavigation verwendet, um einen Standort in der Blockly AST zu speichern.
Markierungsmanager Klasse zum Verwalten mehrerer Markierungen und des Cursors in einem Arbeitsbereich.
Menü Eine einfache Menüklasse.
Menüpunkt Klasse, die ein Element in einem Menü darstellt.
MetricsManager Der Manager für die Berechnung der Arbeitsbereichsmesswerte.
Namen Klasse für eine Datenbank mit Entitätsnamen (Variablen, Verfahren usw.).
Optionen Die benutzerdefinierten Optionen parsen, indem Sie angemessene Standardeinstellungen verwenden, bei denen das Verhalten nicht angegeben ist.
Gerenderte Verbindung Klasse für eine Verbindung zwischen Blöcken, die auf dem Bildschirm gerendert werden können.
Bildlaufleiste Klasse für eine reine SVG-Scrollbar. Dieses Verfahren bietet eine Bildlaufleiste, die zwar funktioniert, aber nicht wie die Bildlaufleiste des Systems aussieht oder sich so verhält.
Scrollbar-Kopplung Klasse für zwei Bildlaufleisten. Horizontal und vertikal.
Verknüpfung Klasse für die Registrierung der Tastenkombinationen. Dies ist ein Singleton. Sie sollten keine neue Instanz erstellen und nur über ShortcutRegistry.Registry auf diese Klasse zugreifen.
TabNavigieren Ein Cursor zur Navigation zwischen den navigierbaren Feldern für den Tab.
Motto Klasse für ein Design.
DesignManager Klasse zum Speichern und Aktualisieren der Design- und UI-Komponenten eines Arbeitsbereichs.
Abbildung: Toolbox Klasse für eine Toolbox. Erstellt das DOM der Toolbox.
ToolboxCategory Klasse für eine Kategorie in einem Toolbox.
ToolboxItem Klasse für ein Element in der Toolbox.
Toolbox-Trennzeichen Klasse für ein Toolbox-Trennzeichen. Das ist die dünne visuelle Linie, die auf der Toolbox erscheint. Dieses Element ist nicht interaktiv.
Papierkorb Klasse für einen Papierkorb.
UnangeedFieldError Ein Fehler, bei dem das Feld versucht, auf seinen Block zuzugreifen, oder Informationen zu seinem Block, bevor es tatsächlich an diesen Block angehängt wird.
VariableMap (Variable Zuordnung) Klasse für eine Variablenzuordnung. Sie enthält eine Wörterbuchdatenstruktur mit Variablentypen als Schlüssel und Listen mit Variablen als Werten. Die Liste der Variablen ist der durch den Schlüssel angegebene Typ.
VariableModell Klasse für ein variables Modell. Enthält Informationen zu der Variablen, einschließlich Name, ID und Typ
Vertikal Klasse für ein Flyout.
Workspace Klasse für einen Arbeitsbereich. Das ist eine Datenstruktur, die Blöcke enthält. Es gibt keine UI und kann kopflos erstellt werden.
Workspace-Audio Klasse zum Laden, Speichern und Abspielen von Audioinhalten für einen Arbeitsbereich.
Workspace-Kommentare Kurs für einen Kommentar im Arbeitsbereich.
Workspace Kommentieren Klasse für die SVG-Darstellung eines Arbeitsbereichs.
WorkspaceDragger Klasse für einen Workspace-Drager. Der Arbeitsbereich wird verschoben, wenn er durch eine Maus oder Berührung gezogen wird.
Workspace-SVG-Datei Klasse für einen Arbeitsbereich. Ein Bereich auf dem Bildschirm mit optionalen Papierkorbsymboln, Bildlaufleisten, Blasen und Ziehen.
Zoomsteuerelemente Klasse für Zoomsteuerelemente.

Abstrakte Klassen

Abstrakte Klasse Beschreibung
Blase Die abstrakte Pop-up-Klasse „Pop-up“. Dadurch wird eine Benutzeroberfläche erstellt, die wie eine Sprechblase aussieht und in der ein „Tail“ auf den Block zeigt, sowie ein „head“, der beliebige SVG-Elemente enthält.
Feld Abstrakte Klasse für ein bearbeitbares Feld.
Fliegen Klasse für ein Flyout.

Aufzählungen

Aufzählung Beschreibung
Verbindungstyp Aufzählung für den Typ einer Verbindung oder Eingabe.
Eingabetypen Aufzählung für den Typ einer Verbindung oder Eingabe.

Functions

Funktion Beschreibung
hasBubble(Obj) Typ Guard, der prüft, ob das angegebene Objekt eine IHasBubble ist
hideChaff(opt_onlyClosePopups). Schließen Sie beispielsweise Kurzinfos, Kontextmenüs und Drop-down-Menüs.
inject(Container, Opt_Options) Fügen Sie einen Blockeditor in das angegebene Containerelement ein (normalerweise ein „div“-Element).
IsIcon(obj) Typ Guard, der prüft, ob das angegebene Objekt ein IIcon ist.
isSerializable(obj) Typ Guard, der prüft, ob das angegebene Objekt ein ISerializable ist
isVariableBackedParameterModel(Parameter) Gibt zurück, ob das angegebene Objekt ein variabler Inhaber ist oder nicht.

Interfaces

Schnittstelle Beschreibung
BlocklyOptions Blocking-Optionen
FieldAngleConfig Zusätzliche Konfigurationsoptionen für das Winkelfeld.
FieldAngleFromJsonConfig fromJson können Sie die Konfigurationsoptionen für das Winkelfeld verwenden.
FieldCheckbox-Konfiguration Konfigurationsoptionen für das Kästchen.
FieldCheckboxFromJsonConfig fromJson config-Optionen für das Kästchen.
FeldColourConfig Konfigurationsoptionen für das Farbfeld.
FeldColourFromJsonConfig aus den JSON-Konfigurationsoptionen für das Feld „Farbe“.
Feldkonfiguration Zusätzliche Konfigurationsoptionen für das Basisfeld.
FieldDropDownFromJsonConfig „fromJson config“ für das Drop-down-Feld.
FieldImageConfig Konfigurationsoptionen für das Image-Feld.
FieldImageFromJsonConfig festlegen. aus den JSON-Konfigurationsoptionen für das Feld „Farbe“.
Feldlabel Konfigurationsoptionen für das Labelfeld.
FeldlabelVonJsonConfig fromJson die Konfigurationsoptionen für das Labelfeld.
FieldMultilineInputConfig: Konfigurationsoptionen für das mehrzeilige Eingabefeld.
FieldMultilineInputFromJsonConfig festlegen. fromJson config-Optionen für das mehrzeilige Eingabefeld.
Feldnummer Konfigurationsoptionen für das Feld „Zahl“.
FeldnummervonJsonKonfiguration aus den JSON-Konfigurationsoptionen für das Zahlenfeld.
FieldTextInputFromJsonConfig fromJson config-Optionen für das Texteingabefeld.
Feldvariable Konfigurationsoptionen für das Variablenfeld.
FieldVariableFromJsonConfig festlegen. fromJson config-Optionen für das Variablenfeld.
IASTNodeLocation Eine Schnittstelle zum AST-Knotenstandort.
IASTNodeLocationSvg Eine SVG-Schnittstelle zum AST-Knotenstandort.
IASTNodeLocationWithBlock Ein AST-Knotenstandort, dem ein Block zugewiesen ist.
IAutohide Schnittstelle für eine Komponente, die automatisch ausgeblendet werden kann.
IBlockDragger Eine Blockziehschnittstelle.
IBoundedElement Eine Benutzeroberfläche mit begrenztem Element.
IBubble Eine Bubble-Schnittstelle
ICollapsibleToolboxItem Schnittstelle für ein Element in der Toolbox, die minimiert werden kann.
IComponent Die Schnittstelle für eine Arbeitsbereichskomponente, die mit dem ComponentManager registriert werden kann.
IConnectionChecker Klasse für die Logik zur Prüfung des Verbindungstyps.
IContextMenu
ICopyable
IDeletable Die Schnittstelle für ein Objekt, die gelöscht werden kann.
IDeleteArea Schnittstelle für eine Komponente, die einen darüber liegenden Block oder Infofeld löschen kann
Angreifbar Die Schnittstelle für ein Objekt, das gezogen werden kann.
IDragTarget Oberfläche für eine Komponente mit benutzerdefiniertem Verhalten, wenn ein Block oder Infofeld darüber gezogen oder abgelegt wird
Falls Schnittstelle für ein Flyout.
IHasBubble
Symbol
IKeyboardAccessible Eine Schnittstelle für ein Objekt, das Tastenkombinationen verarbeitet.
IMetricsManager Schnittstelle für einen Messwertmanager.
Umsetzbar Die Schnittstelle für ein Objekt, das verschoben werden kann
IPositionierbar Oberfläche für eine Komponente, die über dem Arbeitsbereich positioniert ist
Eirgable Die Schnittstelle für eine Blockly-Komponente, die registriert werden kann.
ISelectable Die Schnittstelle für ein Objekt, das ausgewählt werden kann.
ISelectableToolboxItem Oberfläche für ein Element in der Toolbox, die ausgewählt werden kann.
Serialisierbar
Design Schnittstelle für ein Objekt, der ein Stil hinzugefügt werden kann.
IToolbox Schnittstelle für eine Toolbox.
IToolboxItem Oberfläche für ein Element in der Toolbox.
IVariableBackedParameterModel Schnittstelle für ein Parametermodell mit einem variablen Modell.

Namespaces

Namespace Beschreibung
AST-Knoten
Blockieren
blockAnimations (Animationen)
blockrender
browserEreignisse
Blasen
bumpObjects
Zwischenablage
CollapsibleToolboxCategory
Allgemein
Komponentenmanager
Konstanten
Kontextmenü
ContextMenuItems
ContextMenuRegistry
CSS
Dialogfeld
Ereignisse
Erweiterungen
fieldRegistry
Gras
Symbole
ICopyable
Eingabe
Eingaben
InsertMarkerMarkerManager:
libraryBlocks
MetricsManager
Minimalist
Namen
Optionen
Vorgehensweise
registry
Gerenderte Verbindung
renderManagement
Serialisierung
Tastenkombination
Verknüpfung
Motto
DesignManager
Designs
Thriller
ToolboxCategory
Toolbox-Trennzeichen
Kurzinfo
Touchfunktion
uiPosition
utils
Variablen
Variables Dynamics
WidgetDiv
XML
Zelos

Variablen

Variable Beschreibung
ALIGN_CENTRE
ALIGN_LEFT
ALIGN_RIGHT
Blockierungen Eine Zuordnung von Blocktypnamen zum Blockieren von Prototypobjekten.
COLLAPSE_CHARS
COLLAPSED_FIELD_NAME,
COLLAPSED_Eingabe_Name
Konfiguration Objekt mit allen Werten in Blockly, von denen Entwickler erwarten, dass sie sich ändern können.
connectionTypes
defineBlocksWithJsonArray Definieren Sie Blöcke aus einem Array von JSON-Blockdefinitionen, die mit den Blockly-Entwicklertools generiert werden können.
LÖSCHEN_VARIABLE_ID
DRAG_STACK
DropdownDiv
DUMMY_EINGABE
GetMainWorkspace Gibt den Hauptarbeitsbereich zurück. Gibt den zuletzt verwendeten Arbeitsbereich zurück (basierend auf dem Fokus). Verwenden Sie diese Funktion nicht, vor allem dann, wenn sich auf einer Seite mehrere Blockly-Instanzen befinden.
GetSelected Gibt das aktuell ausgewählte kopierte Objekt zurück
EINGABEWERT
JavaScript
Nachricht Ein Wörterbuch lokalisierter Nachrichten.
NEXT_STATEMENT
OPPOSITE_TYPE
AUSGABEWERT
PREVIOUS_STATEMENT
PROCEDURE_CATEGORY_NAME String zur Verwendung im Attribut "custom" einer Kategorie in der Toolbox-XML. Dieser String gibt an, dass die Kategorie dynamisch mit Verfahrensblöcken gefüllt wird.
UMbenennung
setLocale

Hiermit wird die Sprache, d. h. die lokalisierten Nachrichten, der Blocktext usw. für die jeweilige Sprache festgelegt.

Dies ist beim Laden aus einem Skript-Tag nicht nützlich/erforderlich, da die Nachrichten automatisch in das Blockly.Msg-Objekt eingefügt werden. Wir stellen sie jedoch sowohl im Skript-Tag-Kontext als auch im Nicht-Skript-Tag-Kontext bereit, damit der tskompilierer die Typendefinitionsdateien ordnungsgemäß erstellen kann.

setParentContainer Legen Sie den übergeordneten Container fest. Dies ist das Containerelement, das beim ersten Aufrufen von Blockly.inject vom WidgetDiv, der Drop-down-Liste und der Kurzinfo gerendert wird. Diese Methode ist ein NOP, wenn sie nach dem ersten Blockly.inject aufgerufen wird.
svgGröße ändern Sie können die Größe des SVG-Bilds anpassen, sodass es vollständig in den Container gefüllt wird. Rufen Sie diese Option auf, wenn sich die Größe der Ansicht tatsächlich ändert (z.B. bei einer Fenstergröße/Geräteausrichtung). Unter „workspace.resizeContents“ können Sie die Größe des Arbeitsbereichs anpassen, wenn sich der Inhalt ändert (z.B. wenn ein Block hinzugefügt oder entfernt wird). Höhe/Breite des SVG-Bilds erfassen.
TOOLBOX_AT_BOTTOM.
TOOLBOX_AT_LINK
TOOLBOX_AT_RECHT
TOOLBOX_AT_TOP.
VARIABLE_CATEGORY_NAME String zur Verwendung im Attribut "custom" einer Kategorie in der Toolbox-XML. Dieser String gibt an, dass die Kategorie dynamisch mit Variablenblöcken gefüllt werden soll.
VARIABLE_DYNAMIC_CATEGORY_NAME String zur Verwendung im Attribut "custom" einer Kategorie in der Toolbox-XML. Dieser String gibt an, dass die Kategorie dynamisch mit Variablenblöcken gefüllt werden soll.
VERSION Blockly Core-Version. Diese Konstante wird vom Build-Skript (npm-Build-Build) durch den Wert der Version in package.json überschrieben. Dies wird vom Closure Compiler in der Aufgabe "buildComkomprimiert gulp" ausgeführt. Für lokale Builds können Sie --define='Blockly.VERSION=X.Y.Z' an den Compiler übergeben, um diese Konstante zu überschreiben.

Typ von Aliassen

Typ Alias Beschreibung
FieldAngleValidator Eine Funktion, die aufgerufen wird, um Änderungen am Feldwert zu prüfen, bevor sie festgelegt werden.
FieldCheckboxValidator Eine Funktion, die aufgerufen wird, um Änderungen am Feldwert zu prüfen, bevor sie festgelegt werden.
FeldColourValidator Eine Funktion, die aufgerufen wird, um Änderungen am Feldwert zu prüfen, bevor sie festgelegt werden.
Feldauswahl Konfigurationsoptionen für das Drop-down-Feld.
FieldDropdownValidator Eine Funktion, die aufgerufen wird, um Änderungen am Feldwert zu prüfen, bevor sie festgelegt werden.
FieldMultilineInputValidator Eine Funktion, die aufgerufen wird, um Änderungen am Feldwert zu prüfen, bevor sie festgelegt werden.
Feldnummervalidierung Eine Funktion, die aufgerufen wird, um Änderungen am Feldwert zu prüfen, bevor sie festgelegt werden.
Feldtexteingabekonfiguration Konfigurationsoptionen für das Texteingabefeld.
Feldtexteingabevalidator Eine Funktion, die aufgerufen wird, um Änderungen am Feldwert zu prüfen, bevor sie festgelegt werden.
Feldvalidierung Eine Funktion, die aufgerufen wird, um Änderungen am Feldwert zu prüfen, bevor sie festgelegt werden.
Feldvariable Eine Funktion, die aufgerufen wird, um Änderungen am Feldwert zu prüfen, bevor sie festgelegt werden.
Menügenerator Entweder ein Array mit Menüoptionen oder eine Funktion, die ein Array von Menüoptionen für FieldDropdown oder dessen untergeordnete Elemente generiert.
MenuGeneratorFunktion Eine Funktion, die ein Array von Menüoptionen für FieldDropdown oder dessen untergeordnete Elemente generiert.
Menüoption Eine Option im Drop-down-Menü Das erste Element ist der für Menschen lesbare Wert (Text oder Bild) und das zweite das sprachneutrale Element.