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
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. |