Classe bubbles.Bubble
A classe de bolha pop-up abstrata. Isso cria uma interface que se parece com uma balão de fala, com uma "cauda" que aponta para o bloco e uma "cabeça" que mostra elementos SVG arbitrários.
Signature:
export declare abstract class Bubble implements IBubble, ISelectable
Implementa: IBubble, ISelectable
Construtores
Construtor | Modificadores | Descrição |
---|---|---|
(constructor)(workspace, anchor, ownerRect, overriddenFocusableElement) | Cria uma nova instância da classe Bubble . |
Propriedades
Propriedade | Modificadores | Tipo | Descrição |
---|---|---|---|
ANCHOR_RADIUS |
|
(não declarado) | Distância entre o ponto da seta e o ponto de fixação. |
âncora | protected |
Coordenada | |
BORDER_WIDTH |
|
(não declarado) | A largura da borda ao redor da bolha. |
contentContainer | protected |
SVGGElement | O grupo SVG que contém o conteúdo da bolha. |
disposto | booleano | Verdadeiro se a bolha foi descartada. Caso contrário, é falso. | |
DOUBLE_BORDER |
|
número | Duplique a largura da borda ao redor do balão. |
id | string | ||
MIN_SIZE |
|
número | O tamanho mínimo que a bolha pode ter. |
ownerRect? | protected |
Rect | indefinido | (Opcional) |
svgRoot | protected |
SVGGElement | O grupo SVG que contém todas as partes do balão. |
TAIL_ANGLE |
|
(não declarado) | O número de graus em que a cauda se curva no sentido anti-horário. |
TAIL_BEND |
|
(não declarado) | A nitidez da curva da cauda. Números mais altos resultam em caudas mais suaves. |
TAIL_THICKNESS |
|
(não declarado) | A espessura da base da cauda em relação ao tamanho da bolha. Números mais altos resultam em caudas mais finas. |
workspace | readonly |
WorkspaceSvg |
Métodos
Método | Modificadores | Descrição |
---|---|---|
canBeFocused() | Consulte IFocusableNode.canBeFocused. | |
dispose() | Descarte este balão. | |
drag(newLoc) | Arrasta a bolha para o local especificado. | |
endDrag() | Encerrar o arrasto no balão. | |
getColour() | protected |
Retorna a cor do plano de fundo e da cauda dessa bolha. |
getFocusableElement() | Consulte IFocusableNode.getFocusableElement. | |
getFocusableTree() | Consulte IFocusableNode.getFocusableTree. | |
getSize() | protected |
|
isMovable() | Retorna se a bolha é móvel ou não. | |
onNodeBlur() | Consulte IFocusableNode.onNodeBlur. | |
onNodeFocus() | Consulte IFocusableNode.onNodeFocus. | |
positionByRect(rect) | protected |
Posiciona a bolha "de forma ideal" para que a maior parte dela fique visível e não se sobreponha ao retângulo (se fornecido). |
positionRelativeToAnchor() | protected |
Posiciona o círculo em relação à âncora. Não renderiza a cauda. |
revertDrag() | Move a bolha de volta para onde ela estava no início de um arrasto. | |
select() | ||
setAnchorLocation(anchor, relayout) | Define o local para onde a cauda dos pontos de bolha aponta. | |
setColour(colour) | Define a cor do plano de fundo e da cauda do círculo. | |
setDragging(_start) | ||
setPositionRelativeToAnchor(left, top) | Define a posição desse círculo em relação à âncora. | |
setSize(size, relayout) | protected |
Define o tamanho do círculo, incluindo a borda. |
startDrag() | Inicia um arrasto na bolha. | |
unselect() |