blockly > ลูกโป่ง > บับเบิล

บับเบิล คลาสฟองอากาศ

คลาสลูกโป่งป๊อปอัป ซึ่งจะสร้าง UI ที่ดูเหมือนลูกโป่งคำพูดซึ่งมี "หาง" ที่ชี้ไปยังบล็อก และ "หัว" ที่แสดงองค์ประกอบ SVG ที่กำหนดเอง

ลายเซ็น:

export declare abstract class Bubble implements IBubble, ISelectable 

การใช้งาน: IBubble, ISelectable

ผู้ผลิต

ผู้ผลิต	ตัวปรับแต่ง	คำอธิบาย
(เครื่องมือสร้าง)(พื้นที่ทำงาน, โฆษณา Anchor, เจ้าของ Rect)		สร้างอินสแตนซ์ใหม่ของคลาส Bubble

พร็อพเพอร์ตี้

พร็อพเพอร์ตี้	ตัวปรับแต่ง	ประเภท	คำอธิบาย
ANCHOR_RADIUS	static readonly	(ไม่ประกาศ)	ระยะห่างระหว่างจุดลูกศรกับจุดยึด
โฆษณา Anchor	protected	ประสานงาน
BORDER_WIDTH	static readonly	(ไม่ประกาศ)	ความกว้างของเส้นขอบรอบลูกโป่ง
contentContainer	protected	SVGGElement	กลุ่ม SVG ที่มีเนื้อหาในลูกโป่ง
ถูกทิ้ง		boolean	เป็นจริงหากมีการกำจัดลูกโป่งแล้ว หากไม่เป็นเช่นนั้นจะเป็น "เท็จ"
DOUBLE_BORDER	static readonly	ตัวเลข	ขยายความกว้างของเส้นขอบรอบลูกโป่ง 2 เท่า
id		string
MIN_SIZE	static readonly	ตัวเลข	ขนาดขั้นต่ำที่ลูกโป่งจะมีได้
ownerRect ได้	protected	Rect | ไม่ระบุ	(ไม่บังคับ)
svgRoot	protected	SVGGElement	กลุ่ม SVG ที่มีทุกส่วนของลูกโป่ง
TAIL_ANGLE	static readonly	(ไม่ประกาศ)	จำนวนองศาที่หางงอทวนเข็มนาฬิกา
TAIL_BEND	static readonly	(ไม่ประกาศ)	ความคมชัดของส่วนโค้งของหาง ตัวเลขยิ่งสูง หางก็ยิ่งนุ่มนวล
TAIL_THICKNESS	static readonly	(ไม่ประกาศ)	ความหนาของฐานหางซึ่งสัมพันธ์กับขนาดของฟอง ตัวเลขที่สูงจะส่งผลให้หางบางลง
พื้นที่ทำงาน	readonly	WorkspaceSvg

วิธีการ

วิธีการ	ตัวปรับแต่ง	คำอธิบาย
dispose()		ทิ้งลูกโป่งนี้
drag(newLoc)		ลากลูกโป่งไปยังตำแหน่งที่กำหนด
endDrag()		สิ้นสุดการลากในลูกโป่ง
getColour()	protected	แสดงสีของพื้นหลังและหางของลูกโป่งนี้
getSize()	protected
isMovable()		แสดงผลว่าลูกโป่งนี้เป็นแบบย้ายได้หรือไม่
positionByRect(rect)	protected	จัดตำแหน่งลูกโป่ง "เหมาะสมที่สุด" เพื่อให้มองเห็นได้มากที่สุดและไม่ซ้อนทับรูปสี่เหลี่ยมผืนผ้า (หากระบุไว้)
positionRelativeToAnchor()	protected	กำหนดตำแหน่งลูกโป่งให้สัมพันธ์กับจุดยึด ไม่แสดงหาง
revertDrag()		เลื่อนบับเบิลกลับไปยังจุดเริ่มต้นของการลาก
select()
setAnchorLocation(anchor, relayout)		กำหนดตำแหน่งที่หางของลูกโป่งนี้ชี้ไป
setColour(colour)		ตั้งค่าสีของพื้นหลังและหางของลูกโป่งนี้
setDragging(_start)
setPositionRelativeToAnchor(left, top)		กำหนดตำแหน่งของลูกโป่งนี้ให้สัมพันธ์กับจุดยึด
setSize(size, relayout)	protected	ตั้งค่าขนาดของลูกโป่งนี้ รวมถึงเส้นขอบ
startDrag()		เริ่มการลากในลูกโป่ง
ยกเลิกการเลือก()