blockly > bubbles > Bubble

Class bubbles.Bubble

Class balon pop-up abstrak. Tindakan ini akan membuat UI yang terlihat seperti balon ucapan, dengan "ekor" yang mengarah ke blok, dan "kepala" yang menampilkan elemen svg arbitrer.

Tanda Tangan:

export declare abstract class Bubble implements IBubble, ISelectable 

Mengimplementasikan: IBubble, ISelectable

Konstruktor

Konstruktor	Pengubah	Deskripsi
(constructor)(workspace, anchor, ownerRect, overriddenFocusableElement)		Membuat instance baru class Bubble

Properti

Properti	Pengubah	Jenis	Deskripsi
ANCHOR_RADIUS	static readonly	(tidak dideklarasikan)	Jarak antara titik panah dan titik anchor.
anchor	protected	Koordinat
BORDER_WIDTH	static readonly	(tidak dideklarasikan)	Lebar batas di sekitar balon.
contentContainer	protected	SVGGElement	Grup SVG yang berisi konten balon.
dihapus		boolean	Benar jika balon telah dihapus, salah jika tidak.
DOUBLE_BORDER	static readonly	angka	Melipatgandakan lebar batas di sekitar balon.
id		string
MIN_SIZE	static readonly	angka	Ukuran minimum yang dapat dimiliki balon.
ownerRect?	protected	Rect | undefined	(Opsional)
svgRoot	protected	SVGGElement	Grup SVG yang berisi semua bagian balon.
TAIL_ANGLE	static readonly	(tidak dideklarasikan)	Jumlah derajat yang dibengkokkan ekor berlawanan arah jarum jam.
TAIL_BEND	static readonly	(tidak dideklarasikan)	Ketajaman lengkungan ekor. Angka yang lebih tinggi akan menghasilkan ekor yang lebih halus.
TAIL_THICKNESS	static readonly	(tidak dideklarasikan)	Ketebalan dasar ekor sehubungan dengan ukuran balon. Angka yang lebih tinggi akan menghasilkan ekor yang lebih tipis.
ruang kerja	readonly	WorkspaceSvg

Metode

Metode	Pengubah	Deskripsi
canBeFocused()		Lihat IFocusableNode.canBeFocused.
dispose()		Buang balon ini.
drag(newLoc)		Menarik balon ke lokasi yang ditentukan.
endDrag()		Mengakhiri tarikan pada balon.
getColour()	protected	Menampilkan warna latar belakang dan ekor balon ini.
getFocusableElement()		Lihat IFocusableNode.getFocusableElement.
getFocusableTree()		Lihat IFocusableNode.getFocusableTree.
getSize()	protected
isMovable()		Menampilkan apakah balon ini dapat dipindahkan atau tidak.
onNodeBlur()		Lihat IFocusableNode.onNodeBlur.
onNodeFocus()		Lihat IFocusableNode.onNodeFocus.
positionByRect(rect)	protected	Memosisikan balon "secara optimal" sehingga sebagian besar balon terlihat dan tidak tumpang-tindih dengan persegi panjang (jika disediakan).
positionRelativeToAnchor()	protected	Memosisikan balon relatif terhadap anchor-nya. Tidak merender ekornya.
revertDrag()		Memindahkan balon kembali ke posisi awal saat ditarik.
select()
setAnchorLocation(anchor, relayout)		Tetapkan lokasi yang ditunjuk oleh ekor balon ini.
setColour(colour)		Menetapkan warna latar belakang dan ekor balon ini.
setDragging(_start)
setPositionRelativeToAnchor(left, top)		Menetapkan posisi balon ini relatif terhadap anchor-nya.
setSize(size, relayout)	protected	Menetapkan ukuran balon ini, termasuk batasnya.
startDrag()		Memulai operasi tarik pada balon.
unselect()