blockly > BlockSvg

BlockSvg-Klasse

Klasse für die SVG-Darstellung eines Blocks. Normalerweise wird workspace.newBlock() normalerweise nicht direkt aufgerufen. Stattdessen wird workspace.newBlock() bevorzugt.

Unterschrift:

export declare class BlockSvg extends Block implements IASTNodeLocationSvg, IBoundedElement, ICopyable<BlockCopyData>, IDraggable, IDeletable 

Erweitert: Blockieren

Implementierungen: IASTNodeLocationSvg, IBoundedElement, ICopyable<BlockCopyData>, IDraggable, IDeletable

Konstruktoren

Konstruktor Modifikatoren Beschreibung
(Konstruktor)(workspace, prototypname, opt_id) Erstellt eine neue Instanz der BlockSvg-Klasse

Attribute

Property Modifikatoren Typ Beschreibung
COLLAPSED_WARNING_ID

static

readonly

(nicht deklariert) ID für die Warnung „Minimierte Warnungen“. Ermöglicht es uns, die Warnung „Minimierte Warnungen“ zu entfernen, ohne alle Warnungen zu entfernen, die zum Block gehören.
customContextMenu? (p1: Array<ContextMenuOption | LegacyContextMenuOption>) => void (Optional)
zerlegen? (p1: Arbeitsbereich) => BlockSvg (Optional)
height Zahl Höhe des Blocks ohne Anweisungsblöcke darüber oder darunter. Die Höhe wird in Arbeitsbereichseinheiten angegeben.
INLINE

static

readonly

(nicht deklariert) Konstante zur Identifizierung von Zeilen, die inline gerendert werden sollen. Kollidieren Sie nicht mit Blockly.inputTypes.
Mutator MutatorIcon | null Mutatorsymbol des Blocks (falls vorhanden).
nextConnection RenderedConnection
outputConnection RenderedConnection
previousConnection RenderedConnection
gerendert readonly (nicht deklariert) Ist dieser Block ein BlockSVG?
saveConnections? (p1: BlockSvg) => void (Optional)
Stil BlockStyle
Breite Zahl Die Breite dieses Blocks, einschließlich aller verbundenen Wertblöcke. Die Breite wird in Arbeitsbereichseinheiten angegeben.
Arbeitsbereich WorkspaceSvg

Methoden

Methode Modifikatoren Beschreibung
addIcon(icon)
addSelect() Dadurch wird der Block um den visuellen SELECT-Effekt ergänzt, aber es wird nicht automatisch ein Ereignis ausgewählt oder ein Ereignis ausgelöst.
appendInput(input)
bumpNeighbours()

Bringt nicht verbundene Blöcke in Ausrichtung.

Zwei Blöcke, die eigentlich nicht miteinander verbunden sind, sollten nicht versehentlich auf dem Bildschirm aneinandergereiht werden, da dies bei Endnutzern zu Verwirrung führen würde.

checkAndDelete() Löschen Sie einen Block und blenden Sie ihn aus. Der Block wird nicht gelöscht, wenn er sich in einem Flyout befindet. Diese wird über das Kontextmenü und über Tastenkombinationen als vollständige Löschaktion aufgerufen. Wenn Sie einen Block im Arbeitsbereich entsorgen und keine Flyout-Prüfungen, keine Ereignisgruppierung oder Ausblenden von Stapeln durchführen müssen, verwenden Sie block.dispose() direkt.
dispose(healStack, animate) Diesen Block entsorgen.
disposeInternal() Beseitigt diesen Block, ohne die für den oberen Block erforderlichen Schritte auszuführen. Löst z.B. UI-Effekte aus, entfernt Knoten usw.
drag(newLoc, e) Der Block wird an die gewünschte Position gezogen.
endDrag(e) Beendet das Ziehen des Blocks.
generateContextMenu() protected Erstellen Sie das Kontextmenü für diesen Block.
getBoundingRectangle() Gibt die Koordinaten eines Markierungsrahmens zurück, der die Abmessungen dieses Blocks und aller darunter gestapelten Blöcke beschreibt. Koordinatensystem: Koordinaten des Arbeitsbereichs.
getChildren(ordered) Suche nach allen Blöcken, die direkt darin verschachtelt sind. Enthält Werte- und Anweisungseingaben sowie folgende Anweisungen. Schließt alle Verbindungen auf einem Ausgabetab oder einer vorhergehenden Anweisung aus. Blöcke werden optional nach Position (von oben nach unten) sortiert.
getColour() Farbe eines Blocks abrufen
getColourSecondary() Ermitteln Sie die Sekundärfarbe eines Blocks.
getColourTertiary() Ermitteln Sie die tertiäre Farbe eines Blocks.
getNextBlock() Gibt den nächsten Anweisungsblock zurück, der direkt mit diesem Block verbunden ist.
getPreviousBlock() Gibt den Block zurück, der mit der vorherigen Verbindung verbunden ist.
getRelativeToSurfaceXY() Gibt die Koordinaten der oberen linken Ecke dieses Blocks relativ zum Ursprung der Zeichenfläche (0,0) in Arbeitsbereichseinheiten zurück. Wenn sich der Block im Arbeitsbereich befindet, ist (0, 0) der Ursprung des Koordinatensystems des Arbeitsbereichs. Dies ändert sich durch die Arbeitsbereichsskalierung nicht.
getSvgRoot() Gibt den Stammknoten des SVG zurück oder null, wenn keiner vorhanden ist.
initSvg() Erstellen und initialisieren Sie die SVG-Darstellung des Blocks. Kann mehrmals aufgerufen werden.
isMovable() Gibt an, ob dieser Block verschiebbar ist.
markDirty() Benachrichtigt jede Eingabe in diesem Block, um die zugehörigen Felder als „schmutzig“ zu kennzeichnen. Ein „schmutziges“ Feld ist ein Feld, das neu gerendert werden muss.
moveBy(dx, dy, reason) Verschiebt einen Block um einen relativen Offset.
moveNumberedInputBefore(inputIndex, refIndex) Verschiebe eine nummerierte Eingabe an eine andere Position in diesem Block.
moveTo(xy, reason) Verschieben Sie einen Block an eine Position.
removeIcon(type)
removeInput(name, opt_quiet) Entfernen Sie eine Eingabe aus diesem Block.
removeSelect() Der visuelle „select“-Effekt wird aus der Blockierung entfernt, aber die Auswahl wird nicht aufgehoben und es wird auch kein Ereignis ausgelöst.
render() Je nach Inhalt und Einstellungen eines Blocks wird sofort ein Layout erstellt und ein neuer Umbruch erstellt.
revertDrag() Verschiebt den Block zurück an die Stelle, an der er sich am Anfang eines Ziehens befand.
scheduleSnapAndBump() An das Raster andocken und benachbarte Blöcke am Ende des nächsten Renderings wegdrücken.
select() Wählt diesen Block aus. Hebt den Block visuell hervor.
setCollapsed(collapsed) Legen Sie fest, ob der Block minimiert werden soll.
setColour(colour) Farbe eines Blocks ändern
setDisabledReason(disabled, reason) Sie können einen Grund für die Deaktivierung der Blockierung hinzufügen oder entfernen. Wenn es Gründe für die Deaktivierung einer Blockierung gibt, gilt die Blockierung selbst als deaktiviert. Eine Blockierung kann gleichzeitig aus mehreren voneinander unabhängigen Gründen deaktiviert werden, z. B. weil der Nutzer sie manuell deaktiviert oder die Blockierung ungültig ist.
setDragStrategy(dragStrategy) Legt die Ziehstrategie für diesen Block fest.
setEditable(editable) Legen Sie fest, ob dieser Block bearbeitbar ist.
setEnabled(enabled)
setHighlighted(highlighted) Legen Sie fest, ob die Blockierung hervorgehoben werden soll. Die Blockhervorhebung wird häufig verwendet, um Blöcke, die gerade ausgeführt werden, visuell zu markieren.
setInputsInline(newBoolean) Legen Sie fest, ob Werteingaben horizontal oder vertikal angeordnet werden sollen.
setMovable(movable) Legen Sie fest, ob dieser Block verschiebbar ist.
setMutator(mutator) Weisen Sie diesem Block einen Mutator-Dialog zu.
setNextStatement(newBoolean, opt_check) Legen Sie fest, ob an das Ende des Blocks ein weiterer Block verkettet werden kann.
setOutput(newBoolean, opt_check) Legen Sie fest, ob dieser Block einen Wert zurückgibt.
setPreviousStatement(newBoolean, opt_check) Legen Sie fest, ob dieser Block an das Ende eines anderen Blocks verkettet werden kann.
setStyle(blockStyleName) Stil und Farbe eines Blocks festlegen
setWarningText(text, id) Legen Sie den Warntext für diese Blockierung fest.
snapToGrid() Diesen Block am nächsten Rasterpunkt andocken.
startDrag(e) Startet ein Ziehen des Blocks.
tab(start, forward) Öffnen Sie das nächste (oder vorherige) FieldTextInput.
toCopyData() Codieren Sie einen Block zum Kopieren.
toFlyoutInfo() Gibt eine Darstellung dieses Blocks zurück, die in einem Flyout-Fenster angezeigt werden kann.
translate(x; y) Transformiert einen Block durch Festlegen der Übersetzung für das Transformationsattribut des SVG-Elements des Blocks.
Auswahl aufheben() Hebt die Auswahl dieser Blockierung auf. Heben Sie die Hervorhebung des Blockvs visuell auf.
updateMarkers_() protected Zeichnen Sie bei Bedarf neu angehängte Markierungs- oder Cursor-SVG-Dateien.