Bubbles.Bubble-Klasse
Die abstrakte Pop-up-Blasenklasse. Dadurch wird eine Benutzeroberfläche erstellt, die wie eine Sprechblase aussieht. Sie hat einen "Ende", der auf den Block zeigt, und einen "Kopf", der beliebige svg-Elemente anzeigt.
Unterschrift:
export declare abstract class Bubble implements IBubble, ISelectable
Implementierungen: IBubble, ISelectable
Konstruktoren
Konstruktor | Modifikatoren | Beschreibung |
---|---|---|
(Konstruktor)(Arbeitsbereich, Anker, InhaberRect) | Erstellt eine neue Instanz der Bubble -Klasse |
Attribute
Property | Modifikatoren | Typ | Beschreibung |
---|---|---|---|
ANCHOR_RADIUS |
|
(nicht deklariert) | Abstand zwischen Pfeil und Ankerpunkt |
Anker | protected |
Koordinaten | |
BORDER_WIDTH |
|
(nicht deklariert) | Die Breite des Rahmens um die Blase. |
contentContainer | protected |
SVGGElement | Die SVG-Gruppe, die den Inhalt des Infofelds enthält. |
entfernt | boolean | „True“, wenn die Blase entsorgt wurde, andernfalls „false“. | |
DOUBLE_BORDER |
|
Zahl | Verdoppelte Breite des Rahmens um die Blase. |
id | String | ||
MIN_SIZE |
|
Zahl | Die Mindestgröße für die Blase. |
ownerRect? | protected |
Rect | nicht definiert | (Optional) |
svgRoot | protected |
SVGGElement | Die SVG-Gruppe, die alle Teile der Blase enthält. |
TAIL_ANGLE |
|
(nicht deklariert) | Die Anzahl der Grad, um die sich der Schwanz gegen den Uhrzeigersinn biegt. |
TAIL_BEND |
|
(nicht deklariert) | Die Schärfe der Schwanzkrümmung. Höhere Zahlen führen zu einer geschmeidigeren Anzeige. |
TAIL_THICKNESS |
|
(nicht deklariert) | Die Dicke der Schwanzbasis im Verhältnis zur Größe der Blase. Höhere Zahlen führen zu dünneren Seiten. |
Arbeitsbereich | readonly |
WorkspaceSvg |
Methoden
Methode | Modifikatoren | Beschreibung |
---|---|---|
dispose() | Entsorge diese Bubble. | |
Drag-and(newLoc) | Zieht das Infofeld an die gewünschte Position. | |
endDrag() | Beendet das Ziehen an der Bubble. | |
getColour() | protected |
Gibt die Farbe des Hintergrunds und des Endes dieser Blase zurück. |
getSize() | protected |
|
isMovable() | Gibt an, ob dieses Infofeld verschiebbar ist. | |
positionByRect(rect) | protected |
Positioniert die Blase "optimal" so, dass sie größtenteils sichtbar ist und das Rechteck (falls angegeben) nicht überschneidet. |
positionRelativeToAnchor() | protected |
Positioniert die Blase relativ zu ihrem Anker. Das Ende wird nicht gerendert. |
revertDrag() | Verschiebt das Infofeld zurück an die Position, an der es sich zu Beginn des Ziehens befand. | |
select() | ||
setAnchorLocation(anchor, relayout) | Legen Sie die Position fest, auf die das Ende dieser Blase zeigt. | |
setColour(colour) | Legt die Farbe des Hintergrunds und des Endes dieser Blase fest. | |
setDragging(_start) | ||
setPositionRelativeToAnchor(left, top) | Legt die Position der Blase relativ zu ihrem Anker fest. | |
setSize(size, relayout) | protected |
Legt die Größe der Blase einschließlich des Rahmens fest. |
startDrag() | Startet das Ziehen des Infofelds. | |
Auswahl aufheben() |