blockly > bubbles > Bubble

คลาส bubbles.Bubble

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

ลายเซ็น:

export declare abstract class Bubble implements IBubble, ISelectable

ใช้งาน: IBubble, ISelectable

ผู้ผลิต

ผู้ผลิต คีย์ตัวปรับแต่ง คำอธิบาย
(constructor)(workspace, anchor, ownerRect, overriddenFocusableElement) สร้างอินสแตนซ์ใหม่ของคลาส Bubble

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

พร็อพเพอร์ตี้ คีย์ตัวปรับแต่ง ประเภท คำอธิบาย
ANCHOR_RADIUS

static

readonly

 (not declared) ระยะห่างระหว่างจุดลูกศรกับจุดยึด
anchor protected Coordinate
BORDER_WIDTH

static

readonly

 (not declared) ความกว้างของเส้นขอบรอบๆ ลูกโป่ง
contentContainer protected SVGGElement กลุ่ม SVG ที่มีเนื้อหาของฟองข้อความ
disposed บูลีน เป็นจริงหากมีการทิ้งบับเบิลแล้ว เป็นเท็จหากไม่
DOUBLE_BORDER

static

readonly

 ตัวเลข เพิ่มความกว้างของเส้นขอบรอบๆ ฟองข้อความเป็น 2 เท่า
id สตริง
MIN_SIZE

static

readonly

 ตัวเลข ขนาดขั้นต่ำของลูกโป่ง
ownerRect? protected Rect | undefined (ไม่บังคับ)
svgRoot protected SVGGElement กลุ่ม SVG ที่มีทุกส่วนของฟอง
TAIL_ANGLE

static

readonly

 (not declared) จำนวนองศาที่ส่วนหางโค้งทวนเข็มนาฬิกา
TAIL_BEND

static

readonly

 (not declared) ความคมชัดของส่วนโค้งของหาง ยิ่งค่าสูง หางก็จะยิ่งเรียบเนียน
TAIL_THICKNESS

static

readonly

 (not declared) ความหนาของฐานหางเมื่อเทียบกับขนาดของฟอง ยิ่งค่าสูง หางก็จะยิ่งบาง
workspace readonly WorkspaceSvg

เมธอด

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