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