Classe Bubble
Classe abstraite de la bulle pop-up. Vous créez ainsi une UI qui ressemble à une bulle de texte, avec une "tail" pointant vers le bloc et une "head" qui affiche des éléments SVG arbitraires.
Signature :
export declare abstract class Bubble implements IBubble
Intégration:IBubble
Constructeurs
Constructeur | Les modificateurs | Description |
---|---|---|
(constructeur)(espace de travail, ancré, rect propriétaire) | Construit une instance de la classe Bubble . |
Propriétés
Propriété | Les modificateurs | Type | Description |
---|---|---|---|
ANCHOR_RADIUS |
|
(non déclaré) | Distance entre la flèche et le point d'ancrage. |
ancre | protected |
Google Coordinate | |
BORDER_WIDTH |
|
(non déclaré) | Largeur de la bordure autour de la bulle. |
contentContainer | protected |
SVGGElement | Groupe SVG contenant le contenu de la bulle. |
supprimé | boolean | "True" si la bulle a été supprimée, "false" dans le cas contraire. | |
DOUBLE_BORDER |
|
number | Doublez la largeur de la bordure autour de la bulle. |
MIN_SIZE |
|
number | La taille minimale de la bulle. |
ownerRect? | protected |
Rect | non défini | (Facultatif) |
svgRoot | protected |
SVGGElement | Groupe SVG contenant toutes les parties de la bulle. |
TAIL_ANGLE |
|
(non déclaré) | Nombre de degrés de courbure de la queue dans le sens inverse des aiguilles d'une montre. |
TAIL_BEND |
|
(non déclaré) | Netteté du pli de la queue. Plus le nombre est élevé, plus les queues sont lisses. |
TAIL_THICKNESS |
|
(non déclaré) | Épaisseur de la base de la queue par rapport à la taille de la bulle. Plus les nombres sont élevés, plus les queues sont fines. |
workspace |
|
WorkspaceSvg |
Méthodes
Méthode | Les modificateurs | Description |
---|---|---|
dispose() | Éliminez cette bulle. | |
getColour() | protected |
Renvoie la couleur de l'arrière-plan et de la queue de cette bulle. |
getSize() | protected |
|
positionByRect(rect) | protected |
Positionne la bulle "de manière optimale" de sorte qu'elle soit visible en grande partie et qu'elle ne chevauche pas le rectangle (le cas échéant). |
positionRelativeToAnchor() | protected |
Positionne l'info-bulle par rapport à son ancre. N'affiche pas sa queue. |
setAnchorLocation(anchor, relayout) | Définissez l'emplacement de la pointe de cette bulle. | |
setColour(colour) | Définit la couleur de l'arrière-plan et de la queue de cette bulle. | |
setDragging(_start) | ||
setPositionRelativeToAnchor(left, top) | Définit la position de cette bulle par rapport à son ancre. | |
setSize(size, relayout) | protected |
Définit la taille de cette bulle, y compris la bordure. |