Bubbles.Bubble-Klasse
Die abstrakte Pop-up-Bubble-Klasse. Dadurch wird eine Benutzeroberfläche erstellt, die wie eine Sprechblase aussieht und einen „Schwanz“ der auf den Block zeigt, und ein „Head“ das beliebige SVG-Elemente anzeigt.
Unterschrift:
export declare abstract class Bubble implements IBubble, ISelectable
Implementierung:IBubble, ISelectable
Konstruktoren
| Konstruktor | Modifikatoren | Beschreibung |
|---|---|---|
| (Konstruktor)(Arbeitsbereich, Anker, InhaberRect) | Erstellt eine neue Instanz der Bubble-Klasse |
Attribute
| Attribut | Modifikatoren | Typ | Beschreibung |
|---|---|---|---|
| ANCHOR_RADIUS |
|
(nicht angegeben) | Abstand zwischen Pfeilpunkt und Ankerpunkt. |
| Anker | protected |
Koordinaten | |
| BORDER_WIDTH |
|
(nicht angegeben) | Die Breite des Rahmens um die Blase. |
| contentContainer | protected |
SVGGElement | Die SVG-Gruppe mit dem Inhalt des Infofelds. |
| entsorgt | boolean | WAHR, wenn die Blase entsorgt wurde, sonst FALSCH. | |
| DOUBLE_BORDER |
|
Zahl | Verdoppeln Sie die Breite des Rahmens um die Blase. |
| id | String | ||
| MIN_SIZE |
|
Zahl | Die Mindestgröße, die das Infofeld haben kann. |
| ownerRect? | protected |
Rekt | nicht definiert | (Optional) |
| svgRoot | protected |
SVGGElement | Die SVG-Gruppe, die alle Teile der Blase enthält. |
| TAIL_ANGLE |
|
(nicht angegeben) | Die Gradzahl, um die sich das Ende gegen den Uhrzeigersinn biegt. |
| TAIL_BEND |
|
(nicht angegeben) | Die Schärfe der Schwanzbiegung. Höhere Zahlen führen zu glatteren Seiten. |
| TAIL_THICKNESS |
|
(nicht angegeben) | Die Dicke der Schwanzbasis im Verhältnis zur Größe der Blase. Je höher die Zahlen sind, desto dünner sind die Seiten. |
| Workspace | readonly |
WorkspaceSvg |
Methoden
| Methode | Modifikatoren | Beschreibung |
|---|---|---|
| dispose() | Entsorge diese Blase. | |
| drag(newLoc) | Zieht das Infofeld an die angegebene Position. | |
| endDrag() | Beendet das Ziehen der Blase. | |
| getColour() | protected |
Gibt die Farbe des Hintergrunds und des Endes dieser Blase zurück |
| getSize() | protected |
|
| isMovable() | Gibt an, ob diese Blase beweglich ist oder nicht. | |
| positionByRect(rect) | protected |
Positioniert die Bubble als „optimal“ sodass der größte Teil sichtbar ist und das Rechteck (falls angegeben) nicht überlappt. |
| positionRelativeToAnchor() | protected |
Positioniert die Blase relativ zu ihrem Anker. Rendert sein Ende nicht. |
| revertDrag() | Verschiebt die Blase zurück an die Stelle, an der sie sich am Anfang eines Ziehvorgangs befand. | |
| select() | ||
| setAnchorLocation(anchor, relayout) | Legen Sie die Position fest, auf die das Ende dieses Infofelds zeigt. | |
| setColour(colour) | Legt die Farbe des Hintergrunds und des Endes dieses Info-Ballons fest. | |
| setDragging(_start) | ||
| setPositionRelativeToAnchor(left, top) | Legt die Position dieser Blase relativ zu ihrem Anker fest. | |
| setSize(size, relayout) | protected |
Legt die Größe dieser Blase einschließlich Rahmen fest. |
| startDrag() | Startet einen Ziehen im Infofeld. | |
| unselect() |