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 | |
| 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. |
| Marker | 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. |
| 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. |
Funktionen
| 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). |
| 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. |
| 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. |
Namespaces
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 | |
| FieldCheckboxValidator | |
| FieldColourValidator | |
| FieldDropdownValidator | |
| FieldMultilineInputValidator | |
| FieldNumberValidator verwenden | |
| FieldTextInputValidator | |
| FieldValidator | |
| FieldVariableValidator | |
| 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. |