blockiert

Blockly-Paket

Kurse

Klasse Beschreibung
AST-Knoten Klasse für einen AST-Knoten. Es wird empfohlen, 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 in der AST gelangen, indem er auf „Weiter“ oder „Zurück“ klickt.
Blockieren Klasse für einen Block. Normalerweise nicht direkt aufgerufen, wird „workspace.newBlock()“ bevorzugt.
BlockDragger Klasse für einen Blockzieher. Dabei werden Blöcke im Arbeitsbereich verschoben, wenn sie durch eine Maus oder Berührung gezogen werden.
BlockDragSurfaceSvg Klasse für eine Drag-Oberfläche für den aktuell gezogenen Block. Dabei handelt es sich um eine separate SVG-Datei, die nur den derzeit bewegten Block oder keine Elemente enthält.
BlockSvg Klasse für die SVG-Darstellung eines Blocks. Normalerweise nicht direkt aufgerufen, wird „workspace.newBlock()“ bevorzugt.
Bubble Klasse für UI-Infofeld.
BubbleDragger Klasse für einen Bubble Drager. Dabei werden Elemente auf dem Infofeld des Arbeitsbereichs verschoben, wenn sie mit der Maus oder durch Tippen gezogen werden. Das können Kommentare, Mutatoren, Warnungen oder Workspace-Kommentare 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.
Kommentieren Klasse für einen Kommentar
Komponentenmanager Manager für alle im Arbeitsbereich registrierten Elemente.
Verbindung Klasse für eine Verbindung zwischen Blöcken.
ConnectionChecker 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 schnell mithilfe einer binären Suche ermittelt werden.
ContextMenuRegistry Klasse für die Registrierung von Kontextmenüelementen. Das 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 im Blockly AST navigieren kann.
DeleteArea Abstrakte Klasse für eine Komponente, die einen Block oder eine Blase löschen kann, die darauf abgelegt wird.
DragTarget Abstrakte Klasse für eine Komponente mit benutzerdefiniertem Verhalten, wenn ein Block oder eine Blase über sie gezogen oder abgelegt wird.
Feld Abstrakte Klasse für ein bearbeitbares Feld.
FieldAngle Klasse für ein bearbeitbares Winkelfeld.
Feld-Kästchen Klasse für ein Kästchen.
FieldColour Klasse für ein Farbeingabefeld.
Feld-Drop-down Klasse für ein bearbeitbares Drop-down-Feld.
FieldImage Klasse für ein Bild in einem Block.
Feldlabel Klasse für ein nicht bearbeitbares, nicht serialisiertes Textfeld.
FieldLabelSerializable Klasse für ein nicht bearbeitbares, serialisiertes Textfeld.
FieldMultilineInput Klasse für ein bearbeitbares Textfeld.
Feldnummer Klasse für ein bearbeitbares Zahlenfeld.
FieldTextInput Klasse für ein bearbeitbares Textfeld.
Feldvariable Klasse für das Drop-down-Feld einer Variablen.
Fliegen Klasse für einen Flyout.
FlyoutButton Klasse für eine Schaltfläche oder ein Label in der Flyout-Ansicht.
FlyoutMetricsManager Berechnet Messwerte für den Arbeitsbereich einer Flyouts. Die Messwerte werden hauptsächlich zur Größenanpassung von Bildlaufleisten für den Flyout verwendet.
Geste Klasse für eine Geste.
Raster Klasse für das Raster eines Arbeitsbereichs.
Horizontale Ausbreitung Klasse für einen Flyout.
Symbol Klasse für ein Symbol.
Eingang Klasse für eine Eingabe mit einem optionalen Feld.
InsertionMarkerManager Klasse, die Updates für Verbindungen beim Ziehen steuert. Sie ist in erster Linie dafür verantwortlich, die nächstgelegene geeignete Verbindung zu finden und sie während des Ziehens nach Bedarf hervorzuheben oder zu markieren.
Markierung Klasse für eine Markierung. Wird in der Tastaturnavigation zum Speichern eines Standorts in der Blockly AST verwendet.
Markierungs-Manager 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 alle Berechnungen der Arbeitsbereichsmesswerte.
Mutator Klasse für einen Mutator-Dialog.
Namen Klasse für eine Datenbank von Entitätsnamen (Variablen, Verfahren usw.).
Optionen Parst die benutzerdefinierten Optionen mit angemessenen 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 dieser Technik gibt es eine Bildlaufleiste, die garantiert funktioniert, aber nicht wie die Bildlaufleiste des Systems aussieht oder sich so verhält.
ScrollbarKopplung Klasse für zwei Bildlaufleisten. Horizontal und vertikal.
Short Registry Klasse für die Registrierung von Tastenkombinationen. Das ist ein Singleton. Sie sollten keine neue Instanz erstellen und nur über ShortcutRegistry.registry auf diese Klasse zugreifen.
TabNavigationCursor Ein Cursor zum Navigieren zwischen navigierbaren Tabs.
Motto Klasse für ein Design.
Design-Manager Klasse zum Speichern und Aktualisieren des Designs und der UI-Komponenten eines Arbeitsbereichs.
Abbildung: Toolbox Klasse für eine Toolbox. Erstellt das DOM der Toolbox.
ToolboxCategory Klasse für eine Kategorie in einer Toolbox.
Toolbox-Element 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 interaktionsfähig.
Papierkorb Klasse für einen Papierkorb.
UnAttachedFieldError Ein Fehler, bei dem das Feld versucht, auf seinen Block oder Informationen zu seinem Block zuzugreifen, bevor er tatsächlich an diesen Block angehängt wurde.
VariableMap Klasse für eine Variablenzuordnung. Sie enthält eine Wörterbuchdatenstruktur mit Variablentypen als Schlüssel und Variablenlisten als Werte. Die Liste der Variablen entspricht dem durch den Schlüssel angegebenen Typ.
Variable Modell Klasse für ein Variablenmodell. Enthält Informationen zu der Variablen, einschließlich Name, ID und Typ.
VerticalFlyout Klasse für einen Flyout.
Warnung Klasse für eine Warnung.
Workspace Klasse für einen Arbeitsbereich. Diese Datenstruktur enthält Blöcke. Es gibt keine Benutzeroberfläche und kann ohne Benutzeroberfläche erstellt werden.
Workspace-Audio Klasse zum Laden, Speichern und Abspielen von Audioinhalten für einen Arbeitsbereich.
Workspace-Kommentar Kurs für einen Workspace-Kommentar.
WorkspaceKommentardatei Klasse für die SVG-Darstellung eines Arbeitsbereichskommentars.
WorkspaceDragger Klasse für einen Arbeitsbereichszieher. Der Arbeitsbereich wird verschoben, wenn er mit der Maus oder dem Finger gezogen wird. Der Arbeitsbereich selbst legt fest, ob eine Ziehoberfläche vorhanden ist und wie Übersetzungen basierend darauf erstellt werden können. Dadurch werden einfach die richtigen Befehle basierend auf Ereignissen übergeben.
WorkspaceDragSurfaceSvg Beim Ziehen werden Blöcke in dieses SVG verschoben, was die Leistung verbessert. Die gesamte SVG-Datei wird mithilfe von CSS-Transformationen anstelle von SVG übersetzt, sodass die Blöcke während des Ziehens nicht angestrichen werden und so die Leistung verbessert wird.
Workspace-SVG-Dateien Klasse für einen Arbeitsbereich. Das ist ein Bildschirmbereich mit optionalem Papierkorb, Bildlaufleisten, Bubbles und Drag-and-drop.
Zoomsteuerelemente Klasse für Zoomsteuerelemente.

Aufzählungen

Aufzählung Beschreibung
ConnectionType (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
bindEvent_(Knoten; Name; DiesesObjekt; Funktion) Binden Sie einen Ereignis-Handler, der unabhängig davon aufgerufen werden soll, ob er Teil des aktiven Touchstreams ist. Verwenden Sie diese Option für Ereignisse, die nicht Teil einer mehrteiligen Geste sind (z.B. Mouseover für Kurzinfos).
bindEventWithChecks_(node, name, thisObject, Funktion, opt_noCaptureIdentifier, _opt_noPreventDefault) Bindet einen Event-Handler, der ignoriert werden kann, wenn er nicht Teil des aktiven Touch-Streams ist. Verwenden Sie diese Option für Ereignisse, die eine mehrteilige Touch-Geste starten oder fortsetzen (z.B. Mouse-Out oder Mouse-Over, die durch Ziehen oder Klicken ausgelöst werden können).
copy(toCopy) Einen Kommentar aus einem Block oder Arbeitsbereich in die lokale Zwischenablage kopieren.
duplicate(toDuplicate) (Duplikat) Duplizieren Sie diesen Block und seine untergeordneten Elemente oder einen Kommentar im Arbeitsbereich.
hideChaff(opt_onlyClosePopups). Kurzinfos, Kontextmenüs, Drop-down-Auswahl usw. schließen
hueToHex(hue), Wandeln Sie einen Farbton (HSV-Modell) in ein RGB-Hex-Triplet um.
inject(container, opt_options). Fügen Sie einen Blockly-Editor in das angegebene Containerelement ein (normalerweise ein Div-Element).
isNumber(str) Ist der angegebene String eine Zahl (einschließlich negativer und Dezimalzahlen).
isVariableBackedParameterModel(Parameter) Gibt an, ob das angegebene Objekt ein variablen Inhaber ist.
paste() Fügen Sie einen Block- oder Arbeitsbereichskommentar in den Hauptarbeitsbereich ein.
unbindEvent_(bindData) Die Verknüpfung eines oder mehrerer Ereignisereignisse mit einem Funktionsaufruf aufheben.

Interfaces

Schnittstelle Beschreibung
BlocklyOptions Blockoptionen.
FieldAngleConfig Zusätzliche Konfigurationsoptionen für das Winkelfeld.
FieldAngleFromJsonConfig fromJson-Konfigurationsoptionen für das Winkelfeld.
FieldCheckboxConfig Konfigurationsoptionen für das Kästchen.
FieldCheckboxFromJsonConfig festlegen fromJson-Konfigurationsoptionen für das Kästchen.
FieldColourConfig Konfigurationsoptionen für das Farbfeld.
FieldColourFromJsonConfig festlegen fromJson-Konfigurationsoptionen für das Farbfeld.
FieldConfig Zusätzliche Konfigurationsoptionen für das Basisfeld.
FieldDropdownFromJsonConfig fromJson config.
FieldImageConfig Konfigurationsoptionen für das Image-Feld.
FieldImageFromJsonConfig fromJson-Konfigurationsoptionen für das Farbfeld.
FieldLabelConfig Konfigurationsoptionen für das Labelfeld.
FieldLabelFromJsonConfig festlegen fromJson-Konfigurationsoptionen für das Labelfeld.
FieldMultilineInputConfig Konfigurationsoptionen für das mehrzeilige Eingabefeld.
FieldMultilineInputFromJsonConfig festlegen fromJson-Konfigurationsoptionen für das mehrzeilige Eingabefeld.
FieldNumberConfig (Feldnummer-Konfiguration) Konfigurationsoptionen für das Zahlenfeld.
FeldnummervonJsonConfig fromJson-Konfigurationsoptionen für das Zahlenfeld.
FieldTextInputFromJsonConfig festlegen fromJson-Konfigurationsoptionen für das Texteingabefeld.
FieldVariableConfig Konfigurationsoptionen für das Variablenfeld.
FieldVariableFromJsonConfig festlegen fromJson-Konfigurationsoptionen für das Variablenfeld.
IASTKnotenStandort Eine Schnittstelle für den AST-Knotenstandort.
IASTNodeStandortSvg Eine SVG-Schnittstelle zum AST-Knotenstandort.
IASTKnotenStandortMitBlock Ein AST-Knotenstandort, dem ein Block zugewiesen ist.
IAutoCollapse Schnittstelle für eine Komponente, die automatisch ausgeblendet werden kann.
IBlockDragger Eine Blockzieher-Oberfläche.
IBoundedElement Eine begrenzte Elementoberfläche.
IBubble Eine Blasenoberfläche
ICollapsibleToolboxItem Schnittstelle für ein Element in der Toolbox, das minimiert werden kann.
I-Komponente 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
Idee-fähig Die Schnittstelle für ein Objekt, das gelöscht werden kann.
IDeleteArea Schnittstelle für eine Komponente, die einen Block oder eine Blase löschen kann, die darauf abgelegt wird.
Identifikation Die Schnittstelle für ein Objekt, das gezogen werden kann.
IDragTarget Schnittstelle für eine Komponente mit benutzerdefiniertem Verhalten, wenn ein Block oder eine Blase per Drag-and-drop auf die Komponente gezogen wird.
WENN aus Oberfläche für einen Flyout.
IKeyboardAccessible Eine Schnittstelle für ein Objekt, das Tastenkombinationen verarbeitet.
IMetricsManager Oberfläche für einen Messwertmanager.
Beeindruckend Die Oberfläche eines beweglichen Objekts.
IPositionierbar Schnittstelle für eine Komponente, die über dem Arbeitsbereich positioniert ist.
Unberechenbar Die Schnittstelle einer Blockly-Komponente, die registriert werden kann.
ISelectable Die Schnittstelle für ein auswählbares Objekt.
ISelectableToolboxItem Schnittstelle für ein Element in der Toolbox, das ausgewählt werden kann.
IStyle Schnittstelle für ein Objekt, 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 Variablenmodell enthält.

Namespaces

Namespace Beschreibung
AST-Knoten
Blockieren
blockAnimations
blockRendering
browserEvents
BumpObjects
Zwischenablage
CollapsibleToolboxCategory
Allgemein
Komponentenmanager
Konstanten
Kontextmenü
Kontextmenüelemente
ContextMenuRegistry
CSS
Dialogfeld
Ereignisse
Erweiterungen
fieldRegistry
Geras
ICopyable
Eingang
InsertionMarkerManager
libraryBlocks aktiviert.
MetricsManager
Minimalist
Namen
Optionen
Vorgehensweise
registry
RenderedConnection
Serialisierung
Verknüpfungen
Short Registry
Motto
Design-Manager
Designs
Thraos
ToolboxCategory
Toolbox-Trennzeichen
Kurzinfo
Touchfunktion
uiPosition
utils
Variablen
Variablen dynamisch
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_INPUT_NAME
Konfiguration Objekt mit allen Werten auf Blockly, die Entwickler ändern können.
connectionTypes.
defineBlocksWithJsonArray Definieren Sie Blöcke aus einem Array von JSON-Blockdefinitionen, die von den Blockly Developer Tools generiert werden.
LÖSCHEN_VARIABLE_ID
DRAG_STACK
DropdownDiv
DUMMY_EINGABE
getMainWorkspace Gibt den Hauptarbeitsbereich zurück. Gibt den zuletzt verwendeten Hauptarbeitsbereich zurück (basierend auf dem Fokus). Verwenden Sie diese Funktion nicht, insbesondere wenn auf einer Seite mehrere Blockly-Instanzen vorhanden sind.
GetSelected-Datei Gibt das aktuell ausgewählte kopierte Objekt zurück.
EINGABE_WERT
JavaScript
Nachricht Wörterbuch mit lokalisierten Nachrichten
WEITER_STATE
OPPOSITE_TYPE
AUSGABEWERT
PREVIOUS_STATEMENT
PROCEDURE_CATEGORY_NAME String für die Verwendung im Attribut "custom" einer Kategorie in XML-Toolboxen. Dieser String gibt an, dass die Kategorie dynamisch mit Verfahrensblöcken gefüllt wird.
UMBENENNEN_ID
resizeSvgContents
setLocale festlegen

Legt das Gebietsschema (d. h. die lokalisierten Nachrichten/Blocktext usw.) auf das angegebene Gebietsschema fest.

Dies ist beim Laden aus einem Skript-Tag nicht nützlich/erforderlich, da die Nachrichten automatisch in das Blockly.Msg-Objekt eingebunden werden. Wir stellen sie jedoch im Kontext mit dem Skript-Tag und mit dem Tag ohne Skript bereit, damit der tsCompiler die Typendefinitionsdateien ordnungsgemäß erstellen kann.

setParentContainer Legen Sie den übergeordneten Container fest. Dies ist das Containerelement, das beim ersten Aufrufen von Blockly.inject durch WidgetDiv, dropDownDiv und Kurzinfo gerendert wird. Diese Methode ist ein NOP, wenn sie nach dem ersten Blockly.inject aufgerufen wird.
Größe anpassen Passen Sie die Größe des SVG-Bilds an, um den gesamten Container zu füllen. Rufen Sie diese Funktion auf, wenn sich die Größe der Ansicht ändert (z.B. bei einer Änderung der Fenstergröße/Ausrichtung des Geräts). Unter workspace.resizeContents erfahren Sie, wie 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 aufzeichnen.
TOOLBOX_AT_BOTTOM
TOOLBOX_AT_LEFT
TOOLBOX_AT_RECHT
TOOLBOX_AT_TOP
VARIABLE_CATEGORY_NAME String für die Verwendung im Attribut "custom" einer Kategorie in XML-Toolboxen. Dieser String gibt an, dass die Kategorie dynamisch mit Variablenblöcken ausgefüllt werden soll.
VARIABLE_DYNAMIC_CATEGORY_NAME String für die Verwendung im Attribut "custom" einer Kategorie in XML-Toolboxen. Dieser String gibt an, dass die Kategorie dynamisch mit Variablenblöcken ausgefüllt werden soll.
VERSION Block-Core-Version. Diese Konstante wird vom Build-Skript (npm run build) auf den Wert der Version in package.json überschrieben. Dies wird vom Closure Compiler in der Aufgabe „buildCompressed 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 Aliasse

Typ Alias 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 verwenden 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.
Menügenerator Entweder ein Array von Menüoptionen oder eine Funktion, die ein Array von Menüoptionen für FieldDropdown oder die Nachfolgerelemente generiert.
Menügeneratorfunktion Eine Funktion, die ein Array von Menüoptionen für FieldDropdown oder seine Nachfolgerelemente generiert.
Menüoption Einzelne Option im Drop-down-Menü. Das erste Element ist der für Menschen lesbare Wert (Text oder Bild) und das zweite Element ist der sprachneutrale Wert.