blockly > bulles > Bulle

Classe bubbles.Bubble

Classe de bulle pop-up abstraite. Cela crée une UI qui ressemble à une bulle de dialogue, avec une "queue" qui pointe vers le bloc et une "tête" qui affiche des éléments SVG arbitraires.

Signature :

export declare abstract class Bubble implements IBubble, ISelectable 

Implémente: IBubble, ISelectable

Constructeurs

Constructeur	Modificateurs	Description
(constructeur)(espace de travail, ancre, ownerRect, élément de focusable ignoré)		Construit une instance de la classe Bubble.

Propriétés

Propriété	Modificateurs	Type	Description
ANCHOR_RADIUS	static readonly	(non déclaré)	Distance entre le point de flèche et le point d'ancrage.
ancre	protected	Coordonnées
BORDER_WIDTH	static readonly	(non déclaré)	Largeur de la bordure autour de la bulle.
contentContainer	protected	SVGGElement	Groupe SVG contenant le contenu de la bulle.
disposed		booléen	"True" si la bulle a été supprimée, "false" dans le cas contraire.
DOUBLE_BORDER	static readonly	Total	Doublez la largeur de la bordure autour de la bulle.
id		chaîne
MIN_SIZE	static readonly	Total	Taille minimale de la bulle.
ownerRect?	protected	Rect | undefined	(Facultatif)
svgRoot	protected	SVGGElement	Groupe SVG contenant toutes les parties de la bulle.
TAIL_ANGLE	static readonly	(non déclaré)	Nombre de degrés de courbure de la queue dans le sens inverse des aiguilles d'une montre.
TAIL_BEND	static readonly	(non déclaré)	Intensité de la courbure de la queue. Plus le nombre est élevé, plus les queues sont lisses.
TAIL_THICKNESS	static readonly	(non déclaré)	Épaisseur de la base de la queue par rapport à la taille de la bulle. Plus le nombre est élevé, plus la queue est fine.
espace de travail	readonly	WorkspaceSvg

Méthodes

Méthode	Modificateurs	Description
canBeFocused()		Voir IFocusableNode.canBeFocused.
dispose()		Supprimez cette bulle.
drag(newLoc)		Fait glisser la bulle vers l'emplacement indiqué.
endDrag()		Arrête le glissement de la bulle.
getColour()	protected	Renvoie la couleur de l'arrière-plan et de la queue de cette bulle.
getFocusableElement()		Voir IFocusableNode.getFocusableElement.
getFocusableTree()		Voir IFocusableNode.getFocusableTree.
getSize()	protected
isMovable()		Indique si cette bulle est déplaçable ou non.
onNodeBlur()		Voir IFocusableNode.onNodeBlur.
onNodeFocus()		Voir IFocusableNode.onNodeFocus.
positionByRect(rect)	protected	Positionne la bulle de manière "optimale" afin qu'elle soit le plus visible possible et qu'elle ne chevauche pas le rectangle (le cas échéant).
positionRelativeToAnchor()	protected	Positionne la bulle par rapport à son ancrage. Ne rend pas sa queue.
revertDrag()		Réinstalle la bulle à l'endroit où elle se trouvait au début du glissement.
select()
setAnchorLocation(anchor, relayout)		Définit l'emplacement vers lequel pointe la queue 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 ancrage.
setSize(size, relayout)	protected	Définit la taille de cette bulle, y compris la bordure.
startDrag()		Démarre un glissement sur la bulle.
unselect()