blockly > Flyout (blockiert)

Flyout-Kurs

Klasse für einen Flyout.

Unterschrift:

export declare abstract class Flyout extends DeleteArea implements IFlyout 

Verlängert: DeleteArea

Implementierung: IFlyout

Konstruktoren

Konstruktor	Modifikatoren	Beschreibung
(Konstruktor)(workspaceOptions)		Erstellt eine neue Instanz der Flyout-Klasse

Attribute

Attribut	Modifikatoren	Typ	Beschreibung
autoClose		boolean	Wird das Flyout automatisch geschlossen, wenn ein Block erstellt wird?
Schaltflächen_	protected	FlyoutButton	Liste der sichtbaren Schaltflächen.
CORNER_RADIUS	readonly	Zahl	Eckenradius des Flyout-Hintergrunds
dragAngleRange_	protected	Zahl	Ziehbereich eines Flyouts, der als „zum Arbeitsbereich ziehen“ betrachtet wird. Ziehpunkte, die innerhalb der Grenzen dieser geraden Linie von der orthogonalen Linie zur Fluglinie liegen, werden als „Ziehbewegungen in Richtung des Arbeitsbereichs“ betrachtet.
FlyoutItemType	static	Typ von FlyoutItemType	Der Typ eines Flyout-Inhaltselements.
GAP_X	readonly	Zahl
GAP_Y	readonly	Zahl
Höhe_	protected	Zahl	Höhe der Ausflüge.
MARGIN	readonly	Zahl
rectMap_	protected	WeakMap<BlockSvg, SVGElement>
RTL		boolean
SCROLLBAR_MARGIN	readonly	Zahl	Abstand oben oder unten zwischen der Bildlaufleiste und dem Rand des Hintergrunds.
svgHintergrund_	protected	SVGPathElement | null	Der Pfad um den Hintergrund der Flyout-App, der mit einer Hintergrundfarbe ausgefüllt wird.
SvgGroup_	protected	SVGGElement | null	Die SVG-Stammgruppe für die Schaltfläche oder das Label.
TabBreite_	protected readonly	Zahl
toolboxPosition_	protected	Zahl
width_	protected	Zahl	Flyout-Breite
Arbeitsbereich	protected	Workspace-SVG-Dateien

Methoden

Methode	Modifikatoren	Beschreibung
addBlockListeners_(root, block, ct)	protected	Listener zu einem Flyout-Block hinzufügen
blockIsRecyclable_(_block)	protected	Gibt an, ob der angegebene Block recycelt werden kann.
createDom(tagName)		Erstellt das DOM des Flyouts. Muss nur einmal aufgerufen werden. Das Flyout kann entweder als eigenes SVG-Element oder als g-Element in einem separaten SVG-Element vorhanden sein.
createRect_(block, x, y, blockHW, index)	protected	Erstellen Sie ein Rechteck, das dem angegebenen Block entspricht, und platzieren Sie es.
dispose()		Entsorge dieses Gerät. Heben Sie die Verknüpfung mit allen DOM-Elementen auf, um Speicherlecks zu verhindern.
getFlyoutScale()		Die Skalierung (Zoomstufe) der Fly-out-Funktion abrufen. Standardmäßig entspricht dies dem Maßstab des Zielarbeitsbereichs, aber das kann überschrieben werden.
getHeight()		Fliegen Sie die Höhe.
getWidth()		Die Breite des Flyouts ermitteln
getWorkspace()		Holen Sie den Arbeitsbereich ins Flyout.
getX()		Berechnet die x-Koordinate der Flyout-Position.
getY()		Berechnet die y-Koordinate der Flyout-Position.
hide()		Flyout ausblenden und leeren.
init(targetWorkspace)		Initialisiert das Flyout.
initFlyoutButton_(Schaltfläche; x; y)	protected	Initialisieren Sie die Schaltfläche, indem Sie sie an die richtige Position verschieben, Listener hinzufügen usw.
isDragTowardWorkspace(aktuellerDragDeltaXY)		Bestimmen Sie anhand der Position und Ausrichtung des Flyouts, ob ein Drag-Delta zum Arbeitsbereich führt. Damit wird bestimmt, ob ein neuer Block erstellt oder das Flyout gescrollt werden soll.
isViewable()		Ist der Flyout sichtbar?
layout_(contents, missing)	protected	Stell die Blöcke im Flyout aus.
moveRectToBlock_(rect, block)	protected	Bewege dich mithilfe eines Rechtecks, das genau hinter einem Block sitzt. Dabei solltest du Tabs, Hüte und andere von uns erfundene Vorsprünge berücksichtigen.
Position()		Flyout positionieren.
positionAt_(width, height, x, y)	protected	Die Ansicht basierend auf den in „position()“ berechneten Koordinaten aktualisieren.
reflow()		Reflow-Blöcke und ihre Matten.
reflowInternal_()	protected	Flyout-Höhe berechnen Positionieren Sie die Matte unter jedem Block. Für RTL: Legen Sie die Blöcke rechtsbündig an.
scrollToStart()		Scrolle das Flyout an den Anfang des Inhalts.
setContainerViewable(sichtbar)		Legen Sie fest, ob der Container dieses Flyouts sichtbar sein soll.
setMetrics_(xyRatio)	protected	Legt die Verschiebung des Flyouts entsprechend den Bildlaufleisten fest.
setSichtbar(sichtbar)		Legen Sie fest, ob das Flyout sichtbar sein soll. Der Wert „wahr“ bedeutet nicht unbedingt, dass der Flyout angezeigt wird. Er ist möglicherweise ausgeblendet, weil sein Container ausgeblendet ist.
show(flyoutDef) ein.		Flyout einblenden und ausfüllen.
wheel_(e),	protected	Flyout scrollen.