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