Blockly > Bubbles > Bubble

bubbles.Bubble-Klasse

Die abstrakte Pop-up-Bubble-Klasse. Dadurch entsteht eine Benutzeroberfläche, die wie eine Sprechblase aussieht, mit einem „Schwanz“, der auf den Block zeigt, und einem „Kopf“, in dem beliebige SVG-Elemente angezeigt werden.

Unterschrift:

export declare abstract class Bubble implements IBubble, ISelectable 

Implementiert: IBubble, ISelectable

Konstruktoren

Konstruktor	Modifikatoren	Beschreibung
(constructor)(workspace, anchor, ownerRect, overriddenFocusableElement)		Erstellt eine neue Instanz der Klasse Bubble.

Attribute

Attribut	Modifikatoren	Typ	Beschreibung
ANCHOR_RADIUS	static readonly	(nicht deklariert)	Abstand zwischen Pfeilpunkt und Ankerpunkt.
anchor	protected	Koordinate
BORDER_WIDTH	static readonly	(nicht deklariert)	Die Breite des Rahmens um die Blase.
contentContainer	protected	SVGGElement	Die SVG-Gruppe mit dem Inhalt der Blase.
entsorgt		boolean	„True“, wenn die Bubble entsorgt wurde, andernfalls „false“.
DOUBLE_BORDER	static readonly	Zahl	Verdoppeln Sie die Breite des Rahmens um die Blase.
id		String
MIN_SIZE	static readonly	Zahl	Die minimale Größe der Blase.
ownerRect?	protected	Rect | undefined	(Optional)
svgRoot	protected	SVGGElement	Die SVG-Gruppe, die alle Teile der Blase enthält.
TAIL_ANGLE	static readonly	(nicht deklariert)	Die Anzahl der Grad, um die sich der Schwanz gegen den Uhrzeigersinn biegt.
TAIL_BEND	static readonly	(nicht deklariert)	Die Schärfe der Biegung des Schwanzes. Je höher die Zahl, desto glatter sind die Enden.
TAIL_THICKNESS	static readonly	(nicht deklariert)	Die Dicke der Basis des Schwanzes im Verhältnis zur Größe der Blase. Je höher die Zahl, desto dünner ist der Schwanz.
workspace	readonly	WorkspaceSvg

Methoden

Methode	Modifikatoren	Beschreibung
canBeFocused()		Siehe IFocusableNode.canBeFocused.
dispose()		Diese Bubble entsorgen.
drag(newLoc)		Ziehen Sie das Feld an die gewünschte Position.
endDrag()		Beendet das Ziehen der Blase.
getColour()	protected	Gibt die Farbe des Hintergrunds und des Schwanzes dieser Blase zurück.
getFocusableElement()		Siehe IFocusableNode.getFocusableElement.
getFocusableTree()		Weitere Informationen finden Sie unter IFocusableNode.getFocusableTree.
getSize()	protected
isMovable()		Gibt an, ob diese Blase verschoben werden kann.
onNodeBlur()		Siehe IFocusableNode.onNodeBlur.
onNodeFocus()		Siehe IFocusableNode.onNodeFocus.
positionByRect(rect)	protected	Positioniert die Blase „optimal“, sodass der Großteil davon sichtbar ist und sie sich nicht über den Rechteckbereich (falls vorhanden) überschneidet.
positionRelativeToAnchor()	protected	Positioniert die Blase relativ zum Anker. Der Schwanz wird nicht gerendert.
revertDrag()		Verschiebt das Symbol zurück an die Stelle, an der es sich zu Beginn des Ziehens befand.
select()
setAnchorLocation(anchor, relayout)		Legen Sie den Ort fest, auf den der Schwanz dieser Blase zeigt.
setColour(colour)		Hiermit legen Sie die Farbe des Hintergrunds und des Schwanzes dieser Blase fest.
setDragging(_start)
setPositionRelativeToAnchor(left, top)		Hiermit wird die Position dieser Blase relativ zum Anker festgelegt.
setSize(size, relayout)	protected	Legt die Größe dieser Blase einschließlich des Rahmens fest.
startDrag()		Startet das Ziehen der Bubble.
unselect()