ลูกโป่ง
คลาสฟองอากาศแบบนามธรรมแบบป๊อปอัป ซึ่งจะสร้าง UI ที่ดูเหมือนลูกโป่งคำพูดซึ่งมี "หาง" ที่ชี้ไปยังบล็อก และ "หัว" ที่แสดงองค์ประกอบ SVG ที่กำหนดเอง
ลายเซ็น:
export declare abstract class Bubble implements IBubble, ISelectable
การนำไปใช้งาน: IBubble, ISelectable
ผู้ผลิต
ผู้ผลิต | คีย์ตัวปรับแต่ง | คำอธิบาย |
---|---|---|
(constructor)(พื้นที่ทำงาน, โฆษณา Anchor, ownerRect) | สร้างอินสแตนซ์ใหม่ของคลาส Bubble |
พร็อพเพอร์ตี้
พร็อพเพอร์ตี้ | คีย์ตัวปรับแต่ง | ประเภท | คำอธิบาย |
---|---|---|---|
ANCHOR_RADIUS |
|
(ไม่ได้ประกาศ) | ระยะห่างระหว่างจุดลูกศรและจุดยึด |
โฆษณา Anchor | protected |
ประสานงาน | |
BORDER_WIDTH |
|
(ไม่ได้ประกาศ) | ความกว้างของเส้นขอบรอบลูกโป่ง |
contentContainer | protected |
SVGGElement | กลุ่ม SVG ที่มีเนื้อหาของลูกโป่ง |
ถูกกำจัด | boolean | เป็นจริงหากฟองสบู่ถูกกำจัดทิ้งแล้ว หรือเป็น "เท็จ" หากไม่เป็นเช่นนั้น | |
DOUBLE_BORDER |
|
ตัวเลข | ขยายความกว้างของขอบเป็น 2 เท่ารอบๆ ลูกโป่ง |
id | สตริง | ||
MIN_SIZE |
|
ตัวเลข | ขนาดขั้นต่ำที่ลูกโป่งมีได้ |
ownerRect? | protected |
ทำเครื่องหมาย | ไม่ได้กำหนด | (ไม่บังคับ) |
svgRoot | protected |
SVGGElement | กลุ่ม SVG ที่มีทุกส่วนของลูกโป่ง |
TAIL_ANGLE |
|
(ไม่ได้ประกาศ) | จำนวนองศาที่ด้านโค้งทวนเข็มนาฬิกา |
TAIL_BEND |
|
(ไม่ได้ประกาศ) | ความคมชัดของส่วนโค้งของหาง ค่ายิ่งสูง ทำให้หางนุ่มนวลขึ้น |
TAIL_THICKNESS |
|
(ไม่ได้ประกาศ) | ความหนาของฐานหางเมื่อเทียบกับขนาดของฟองอากาศ ตัวเลขที่สูงจะทำให้หางบางกว่า |
พื้นที่ทำงาน | 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() | เริ่มการลากบนลูกโป่ง | |
unselect() |