blockly > BlockSvg

BlockSvg-Klasse

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

Unterschrift:

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

Erweitert: Blockieren

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

Konstruktoren

Konstruktor Modifikatoren Beschreibung
(Konstruktor)(workspace, prototypName, opt_id) Konstruiert eine neue Instanz der Klasse BlockSvg

Attribute

Property Modifikatoren Typ Beschreibung
COLLAPSED_WARNING_ID

static

readonly

(nicht deklariert) ID, die die Warnung „Minimierte Warnungen“ ausgeben soll. 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)
verzerren? (p1: Arbeitsbereich) => BlockSvg (Optional)
Höhe Zahl Höhe dieses 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 boolean
saveConnections? (p1: BlockSvg) => void (Optional)
Stil BlockStyle
Warnung WarningIcon | null Warnsymbol für Blockierung (falls vorhanden)
Breite Zahl Die Breite dieses Blocks, einschließlich aller verbundenen Werteblöcke. Die Breite wird in Arbeitsbereichseinheiten angegeben.
Arbeitsbereich WorkspaceSvg

Methoden

Methode Modifikatoren Beschreibung
addIcon(icon)
addSelect() Dem Block wird der visuelle Auswahleffekt hinzugefügt, aber es wird nicht tatsächlich ausgewählt und kein Ereignis ausgelöst.
appendInput(input)
bumpNeighbours()

Positive Positive an den Blöcken sind nicht korrekt ausgerichtet.

Zwei Blöcke, die eigentlich nicht miteinander verbunden sind, sollten nicht zufällig auf dem Bildschirm aneinandergereiht werden, da dies bei den Endnutzern zu Verwirrung führen kann.

checkAndDelete() Einen Block löschen und dabei Chaf ausblenden. Der Block wird nicht gelöscht, wenn er sich in einem Flyout befindet. Diese wird über das Kontextmenü und über die Tastaturkürzel als vollständige Löschaktion aufgerufen. Wenn Sie einen Block aus dem Arbeitsbereich entsorgen und keine Flyout-Prüfungen, keine Ereignisgruppierung oder Verstecken ausfü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 zu tun. Löst z.B. UI-Effekte aus, entfernt Knoten usw.
generateContextMenu() protected Generiert das Kontextmenü für diesen Block.
getBoundingRectangle() Gibt die Koordinaten eines Begrenzungsrahmens zurück, der die Abmessungen dieses Blocks und aller darunter liegenden Blöcke beschreibt. Koordinatensystem: Koordinaten des Arbeitsbereichs.
getChildren(ordered) Suchen Sie alle Blöcke, die direkt in diesem Blöcke 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() Ruft die Sekundärfarbe eines Blocks ab.
getColourTertiary() Ruft die tertiäre Farbe eines Blocks ab.
getCommentIcon() Rufen Sie das an diesen Block angehängte Kommentarsymbol oder null ab, wenn der Block keinen Kommentar aufweist.
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 Zeichnungsoberfläche (0,0) in Arbeitsbereichseinheiten zurück. Wenn sich der Block auf dem Arbeitsbereich befindet, ist (0, 0) der Ursprung des Arbeitsbereichs-Koordinatensystems. Dies ändert sich nicht mit der Arbeitsbereichsskalierung.
getSvgRoot() Gibt den Stammknoten des SVG oder null zurück, wenn keiner vorhanden ist.
initSvg() Erstellen und initialisieren Sie die SVG-Darstellung des Blocks. Kann mehrmals aufgerufen werden.
markDirty() Benachrichtigen Sie jede Eingabe in diesem Block, um die zugehörigen Felder als „schmutzig“ zu markieren. Ein „schmutziges Feld“ ist ein Feld, das neu gerendert werden muss.
moveBy(dx, dy, reason) Block wird um einen relativen Offset verschoben.
moveNumberedInputBefore(inputIndex, refIndex) Verschiebt einen nummerierten Eingang an eine andere Position in diesem Block.
moveTo(xy, reason) Block an eine Position verschieben
removeIcon(type)
removeInput(name, opt_quiet) Entfernt eine Eingabe aus diesem Block.
removeSelect() Der visuelle Auswahleffekt wird aus dem Block entfernt, die Auswahl wird aber nicht aufgehoben und kein Ereignis ausgelöst.
render() Sofortiges Layout und Reflow eines Blocks basierend auf seinem Inhalt und seinen Einstellungen
select(). Wählt diesen Block aus. Markiert den Block visuell und löst ein Auswahlereignis aus, wenn der Block nicht bereits ausgewählt ist.
setCollapsed(collapsed) Legen Sie fest, ob der Block minimiert werden soll.
setColour(colour) Farbe eines Blocks ändern
setEditable(editable) Legen Sie fest, ob diese Blockierung bearbeitet werden kann.
setEnabled(enabled) Legen Sie fest, ob die Blockierung aktiviert ist.
setHighlighted(highlighted) Legen Sie fest, ob der Block markiert werden soll. Die Blockmarkierung wird häufig verwendet, um derzeit ausgeführte Blöcke visuell zu markieren.
setInputsInline(newBoolean) Legt fest, ob Werteingaben horizontal oder vertikal angeordnet werden.
setMovable(movable) Legen Sie fest, ob dieser Block verschiebbar ist.
setMutator(mutator) Ein Mutator-Dialogfeld für diesen Block festlegen.
setNextStatement(newBoolean, opt_check) Legen Sie fest, ob ein weiterer Block an den unteren Rand dieses Blocks verkettet werden kann.
setOutput(newBoolean, opt_check) Legt fest, ob dieser Block einen Wert zurückgibt.
setPreviousStatement(newBoolean, opt_check) Legen Sie fest, ob dieser Block mit dem Ende eines anderen Blocks verkettet werden kann.
setStyle(blockStyleName) Legt die Stil- und Farbwerte eines Blocks fest.
setWarningText(text, id) Legen Sie den Warntext für diesen Block fest.
snapToGrid() Diesen Block am nächsten Rasterpunkt andocken.
tab(start, vorwärts) Öffnet das nächste (oder vorherige) FieldTextInput.
toCopyData() Codieren Sie einen Block zum Kopieren.
translate(x; y) Transformiert einen Block durch Festlegen der Übersetzung für das Transformationsattribut des SVG-Elements des Blocks.
Auswahl aufheben() Hebt die Auswahl dieses Blocks auf. Hebt die Markierung des Blocks auf und löst ein Auswahlereignis (false) aus, wenn der Block derzeit ausgewählt ist.
updateMarkers_() protected Zeichnen Sie bei Bedarf alle angehängten Markierungen oder Cursor-SVGs neu.