IFlyout-Schnittstelle
Benutzeroberfläche für ein Flyout
Unterschrift:
export interface IFlyout extends IRegistrable
Erweitert: IRegistrable
Attribute
| Property | Modifikatoren | Typ | Beschreibung |
|---|---|---|---|
| autoClose | boolean | Wird das Flyout-Fenster automatisch geschlossen, wenn ein Block erstellt wird? | |
| CORNER_RADIUS | readonly |
Zahl | Eckenradius des Flyout-Hintergrunds. |
| horizontalLayout | boolean | Ob das Flyout horizontal ist oder nicht. | |
| MARGE | readonly |
Zahl | Rand rund um die Ränder der Blöcke im Flyout-Element. |
| RTL | boolean | RTL vs. LTR. | |
| targetWorkspace | WorkspaceSvg | null | Zielarbeitsbereich |
Methoden
| Method | Beschreibung |
|---|---|
| createBlock(originalBlock) | Erstellen Sie eine Kopie dieses Blocks im Arbeitsbereich. |
| createDom(tagName) | Erstellt das DOM des Flyouts. Muss nur einmal aufgerufen werden. Das Flyout-Element kann entweder als eigenes svg-Element vorhanden oder als g-Element in einem separaten svg-Element verschachtelt sein. |
| dispose() | Diesen Flyout entsorgen. Heben Sie die Verknüpfung mit allen DOM-Elementen auf, um Speicherlecks zu vermeiden. |
| getContents() | Gibt die Liste der Flyout-Elemente zurück, die derzeit im Flyout-Element vorhanden sind. Die Methode show parst die Flyout-Definition in eine Liste tatsächlicher Flyout-Elemente. Bei dieser Methode sollten die konkreten Elemente zurückgegeben werden, die z.B. für die Tastaturnavigation verwendet werden können. |
| getHeight() | Ermitteln Sie die Höhe des Flyouts. |
| getWidth() | Ermitteln Sie die Breite des Flyouts. |
| getWorkspace() | Holen Sie sich den Arbeitsbereich innerhalb des Flyouts. |
| getX() | Berechnet die x-Koordinate für die Flyout-Position. |
| getY() | Berechnet die y-Koordinate für die Flyout-Position. |
| hide() | Blenden Sie das Flyout-Fenster aus und leeren Sie es. |
| init(targetWorkspace) | Initialisiert das Flyout. |
| isBlockCreatable(block) | Können Sie mit diesem Flyout eine neue Instanz des jeweiligen Blocks erstellen? Wird verwendet, um zu entscheiden, ob ein Block aus dem Flyout „herausgezogen“ werden kann. |
| isDragTowardWorkspace(currentDragDeltaXY) | Ermitteln Sie anhand der Position und Ausrichtung des Flyouts, ob sich ein Ziehdelta in Richtung des Arbeitsbereichs befindet. Wird in bestimmenDragIntention_ verwendet, um festzustellen, ob ein neuer Block erstellt oder das Flyout gescrollt werden soll. |
| isScrollable() | |
| isVisible() | Ist das Flyout zu sehen? |
| position() | Positionieren Sie das Flyout-Element. |
| reflow() | Reflow-Blöcke und ihre Matten. |
| scrollToStart() | Scrollen Sie zum Anfang des Flyout-Inhalts. |
| setContainerVisible(visible) | Legen Sie fest, ob der Flyout-Container sichtbar ist. |
| setVisible(visible) | Legen Sie fest, ob das Flyout-Fenster sichtbar sein soll. Der Wert „true“ bedeutet nicht unbedingt, dass das Flyout-Fenster angezeigt wird. Sie ist möglicherweise ausgeblendet, weil ihr Container ausgeblendet ist. |
| show(flyoutDef) | Flyout anzeigen und ausfüllen. |