Mit Sammlungen den Überblick behalten Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.

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.