คลาสฟลายเอาต์
ชั้นเรียนเพื่อความสนุกสุดเหวี่ยง
ลายเซ็น:
export declare abstract class Flyout extends DeleteArea implements IAutoHideable, IFlyout
ขยาย: DeleteArea
การใช้งาน: IAutoHideable, IFlyout
ผู้ผลิต
ผู้ผลิต | ตัวปรับแต่ง | คำอธิบาย |
---|---|---|
(เครื่องมือสร้าง)(workspaceOptions) | สร้างอินสแตนซ์ใหม่ของคลาส Flyout |
พร็อพเพอร์ตี้
พร็อพเพอร์ตี้ | ตัวปรับแต่ง | Type | คำอธิบาย |
---|---|---|---|
autoClose | boolean | เส้นกั้นจะปิดโดยอัตโนมัติเมื่อสร้างบล็อกไหม | |
buttons_ | protected |
FlyoutButton[] | รายการปุ่มที่มองเห็นได้ |
CORNER_RADIUS | readonly |
ตัวเลข | รัศมีมุมของพื้นหลังการบิน |
dragAngleRange_ | protected |
ตัวเลข | ช่วงของมุมในการลากจากจุดเชื่อมต่อที่ถือว่าเป็น "การลากไปยังพื้นที่ทำงาน" การลากที่อยู่ในขอบเขตของหลายองศานี้จากเส้นตั้งฉากไปยังขอบที่ลอยออกมาถือว่าเป็น "การลากไปยังพื้นที่ทำงาน" |
FlyoutItemType | static |
ประเภทของ FlyoutItemType | ประเภทของรายการเนื้อหาเริ่มต้น |
GAP_X | readonly |
ตัวเลข | |
GAP_Y | readonly |
ตัวเลข | |
height_ | protected |
ตัวเลข | ความสูงของฝูงบิน |
กำไร | readonly |
ตัวเลข | |
rectMap_ | protected |
WeakMap<BlockSvg, SVGElement> | |
RTL | boolean | ||
SCROLLBAR_MARGIN | readonly |
ตัวเลข | ระยะห่างจากขอบด้านบน/ด้านล่างระหว่างแถบเลื่อนและขอบของพื้นหลังแบบเลื่อนออก |
svgBackground_ | protected |
SVGPathElement | null | เส้นทางรอบๆ พื้นหลังของการบินซึ่งจะเต็มไปด้วยสีพื้นหลัง |
svgGroup_ | protected |
SVGGElement | null | กลุ่ม SVG รูทสำหรับปุ่มหรือป้ายกำกับ |
tabWidth_ |
|
ตัวเลข | |
toolboxPosition_ | protected |
ตัวเลข | |
width_ | protected |
ตัวเลข | ความกว้างของฟุ้งออก |
workspace_ | protected |
WorkspaceSvg |
วิธีการ
วิธีการ | ตัวปรับแต่ง | คำอธิบาย |
---|---|---|
addBlockListeners_(root, block, rect) | protected |
เพิ่ม Listener ลงในบล็อกที่เพิ่มไว้ทันที |
autoHide(onlyClosePopups) | ซ่อนหน้าต่างบินโดยอัตโนมัติหากเป็นหน้าต่างที่ถูกปิดอัตโนมัติ | |
blockIsRecyclable_(_block) | protected |
ส่งคืนว่าบล็อกที่ระบุสามารถนำมาใช้ใหม่ได้หรือไม่ |
createDom(tagName) | สร้าง DOM ของ Flyout ต้องเรียกใช้เพียงครั้งเดียวเท่านั้น ฟลายเอาท์อาจมีอยู่เป็นองค์ประกอบ SVG ของตัวเอง หรือเป็นองค์ประกอบ g ที่ฝังอยู่ภายในองค์ประกอบ SVG ที่แยกต่างหาก | |
createRect_(บล็อก, x, y, บล็อกHW, ดัชนี) | protected |
สร้างและวางสี่เหลี่ยมผืนผ้าที่สอดคล้องกับบล็อกที่กำหนด |
dispose() | กำจัดแมลงวันนี้ ยกเลิกการลิงก์จากองค์ประกอบ DOM ทั้งหมดเพื่อป้องกันข้อมูลรั่วไหล | |
getFlyoutScale() | ดูขนาด (ระดับการซูม) ของระยะห่างจากขอบ โดยค่าเริ่มต้น ค่านี้จะตรงกับขนาดพื้นที่ทำงานเป้าหมาย แต่ลบล้างได้ | |
getHeight() | รับความสูงของฝูงบิน | |
getWidth() | รับความกว้างของฝีเท้า | |
getWorkspace() | เตรียมพื้นที่ทำงานได้ทันที | |
getX() | abstract |
คำนวณพิกัด x สำหรับตำแหน่งการบิน |
getY() | abstract |
คำนวณพิกัด y สำหรับตำแหน่งการบิน |
hide() | ซ่อนและล้างหน้าต่างนำทาง | |
init(targetWorkspace) | เริ่มต้นการบิน | |
initFlyoutButton_(ปุ่ม, x, y) | protected |
เริ่มต้นปุ่มที่ระบุ: ย้ายไปยังตำแหน่งที่ถูกต้อง เพิ่ม Listener เป็นต้น |
isDragTowardWorkspace(currentDragDeltaXY) | abstract |
พิจารณาว่าเดลต้าแบบลากอยู่ตรงพื้นที่ทำงานหรือไม่ โดยอิงตามตำแหน่งและการวางแนวของ Flyout ค่านี้ใช้ใน generateDragIntention_ เพื่อกำหนดว่าควรสร้างบล็อกใหม่หรือไม่หรือควรเลื่อนแบบ Flyout หรือไม่ |
isVisible() | มองเห็นฝูงบินไหม | |
layout_(เนื้อหา, ช่องว่าง) |
|
จัดวางบล็อกภายในแผนการ |
moveRectToBlock_(สี่เหลี่ยมผืนผ้า, บล็อก) | protected |
ย้ายรูปสี่เหลี่ยมผืนผ้าไปไว้หลังบล็อกสี่เหลี่ยม โดยพิจารณาแท็บ หมวก และส่วนที่ยื่นออกมาอื่นๆ ที่เราคิดค้นขึ้น |
ตำแหน่ง() | abstract |
วางตัวลอยออก |
positionAt_(ความกว้าง, ความสูง, x, y) | protected |
อัปเดตมุมมองตามพิกัดที่คำนวณในตำแหน่ง() |
การจัดเรียงใหม่() | บล็อกการจัดเรียงใหม่พร้อมแผ่นรอง | |
reflowInternal_() |
|
คำนวณความสูงของการบิน จัดตำแหน่งแผ่นรองใต้บล็อกแต่ละบล็อก สำหรับ RTL: จัดวางบล็อกให้อยู่ในแนวที่ถูกต้อง |
scrollToStart() | abstract |
เลื่อนหน้าต่างไปยังจุดเริ่มต้นของเนื้อหา |
setAutoClose(autoClose) | ตั้งค่าว่าจะให้ปิดโดยอัตโนมัติเมื่อมีการลากบล็อก การคลิกพื้นที่ทำงาน ฯลฯ หรือไม่ | |
setContainerVisible(visible) | กำหนดว่าจะสามารถมองเห็นคอนเทนเนอร์ของฟลายเอตนี้ได้หรือไม่ | |
setMetrics_(xyRatio) |
|
ตั้งค่าคำแปลของ Flyout ให้ตรงกับแถบเลื่อน |
setVisible(visible) | กำหนดว่าจะให้มองเห็นได้จากหน้าต่างบินหรือไม่ ค่า true ไม่ได้หมายความว่า flyout จะแสดง เมนูอาจซ่อนอยู่เนื่องจากมีการซ่อนคอนเทนเนอร์ | |
แสดง(flyoutDef) | แสดงและป้อนข้อมูลอย่างรวดเร็ว | |
wheel_(e) |
|
เลื่อนหน้าต่างออก |