คลาส Flyout
คลาสสำหรับเมนูแบบเลื่อนลง
ลายเซ็น:
export declare abstract class Flyout extends DeleteArea implements IAutoHideable, IFlyout, IFocusableNode
ขยาย: DeleteArea
ใช้งาน: IAutoHideable, IFlyout, IFocusableNode
ผู้ผลิต
| ผู้ผลิต | คีย์ตัวปรับแต่ง | คำอธิบาย |
|---|---|---|
| (constructor)(workspaceOptions) | สร้างอินสแตนซ์ใหม่ของคลาส Flyout |
พร็อพเพอร์ตี้
| พร็อพเพอร์ตี้ | คีย์ตัวปรับแต่ง | ประเภท | คำอธิบาย |
|---|---|---|---|
| autoClose | บูลีน | Flyout จะปิดโดยอัตโนมัติเมื่อสร้างบล็อกหรือไม่ | |
| เนื้อหา | protected |
FlyoutItem[] | รายการองค์ประกอบ Flyout |
| CORNER_RADIUS | readonly |
ตัวเลข | รัศมีมุมของพื้นหลังของฟลายเอาต์ |
| dragAngleRange_ | protected |
ตัวเลข | ช่วงของมุมลากจากเมนูแบบลอยที่ถือว่า "ลากไปยังพื้นที่ทำงาน" การลากที่อยู่ภายในขอบเขตขององศาจำนวนนี้จากเส้นตั้งฉากไปยังขอบของเมนูแบบลอยจะถือว่าเป็นการ "ลากไปยังพื้นที่ทำงาน" |
| GAP_X | readonly |
ตัวเลข | |
| GAP_Y | readonly |
ตัวเลข | |
| height_ | protected |
ตัวเลข | ความสูงของเมนูย่อย |
| เครื่องสูบลม | protected |
Map<string, IFlyoutInflater> | แมปจากประเภทเนื้อหาในเมนูแบบเลื่อนลงไปยังคลาส Inflater ที่เกี่ยวข้องซึ่งรับผิดชอบในการสร้างอินสแตนซ์ที่เฉพาะเจาะจงของประเภทเนื้อหา |
| MARGIN | readonly |
ตัวเลข | |
| RTL | บูลีน | ||
| SCROLLBAR_MARGIN | readonly |
ตัวเลข | ระยะห่างจากขอบด้านบน/ด้านล่างระหว่างแถบเลื่อนกับขอบของพื้นหลังของเมนูแบบเลื่อนลง |
| svgBackground_ | protected |
SVGPathElement | null | เส้นทางรอบพื้นหลังของเมนูแบบเลื่อนลง ซึ่งจะมีการเติมสีพื้นหลัง |
| svgGroup_ | protected |
SVGGElement | null | กลุ่ม SVG ระดับรูทสำหรับปุ่มหรือป้ายกำกับ |
| tabWidth_ |
|
ตัวเลข | |
| toolboxPosition_ | protected |
ตัวเลข | |
| width_ | protected |
ตัวเลข | ความกว้างของฟลายเอาต์ |
| workspace_ | protected |
WorkspaceSvg |
เมธอด
| วิธีการ | คีย์ตัวปรับแต่ง | คำอธิบาย |
|---|---|---|
| autoHide(onlyClosePopups) | ซ่อนฟลายเอาต์โดยอัตโนมัติหากเป็นฟลายเอาต์ที่ปิดอัตโนมัติ | |
| canBeFocused() | ดู IFocusableNode.canBeFocused | |
| createDom(tagName) | สร้าง DOM ของเมนูแบบเลื่อนลง เรียกใช้ได้เพียงครั้งเดียว โดยฟลายเอาต์อาจเป็นองค์ประกอบ SVG ของตัวเองหรือเป็นองค์ประกอบ g ที่ซ้อนอยู่ภายในองค์ประกอบ SVG แยกต่างหาก | |
| dispose() | ปิดฟลายเอาต์นี้ ยกเลิกการลิงก์จากองค์ประกอบ DOM ทั้งหมดเพื่อป้องกันหน่วยความจำรั่ว | |
| getContents() | รับรายการองค์ประกอบของเมนูย่อยปัจจุบัน | |
| getFlyoutScale() | รับมาตราส่วน (ระดับการซูม) ของฟลายเอาต์ โดยค่าเริ่มต้น การตั้งค่านี้จะตรงกับขนาดพื้นที่ทำงานเป้าหมาย แต่สามารถลบล้างได้ | |
| getFocusableElement() | ดู IFocusableNode.getFocusableElement | |
| getFocusableTree() | ดู IFocusableNode.getFocusableTree | |
| getHeight() | รับความสูงของเมนูแบบเลื่อนลง | |
| getInflaterForType(type) | protected |
แสดงผลโปรแกรมขยายที่รับผิดชอบในการสร้างรายการของประเภทที่ระบุ |
| getNestedTrees() | ดู IFocusableNode.getNestedTrees | |
| getRestoredFocusableNode(_previousNode) | ดู IFocusableNode.getRestoredFocusableNode | |
| getRootFocusableNode() | ดู IFocusableNode.getRootFocusableNode | |
| getTargetWorkspace() | รับพื้นที่ทำงานเป้าหมายภายในเมนูแบบลอย | |
| getWidth() | รับความกว้างของเมนูแบบเลื่อนลง | |
| getWorkspace() | ดูพื้นที่ทำงานภายในเมนูแบบลอย | |
| getX() | abstract |
คำนวณพิกัด x สำหรับตำแหน่งของฟลายเอาต์ |
| getY() | abstract |
คำนวณพิกัด y สำหรับตำแหน่งของเมนูแบบลอย |
| hide() | ซ่อนและล้างเมนูแบบเลื่อนลง | |
| init(targetWorkspace) | เริ่มต้น Flyout | |
| isDragTowardWorkspace(currentDragDeltaXY) | abstract |
พิจารณาว่าเดลต้าการลากอยู่ตรงพื้นที่ทํางานหรือไม่ โดยอิงตามตําแหน่งและการวางแนวของฟลายเอาต์ ใช้ใน determineDragIntention_ เพื่อพิจารณาว่าควรสร้างบล็อกใหม่หรือเลื่อนแถบเครื่องมือ |
| isVisible() | ฟลายเอาต์แสดงอยู่ไหม | |
| layout_(contents) |
|
จัดวางองค์ประกอบในเมนูแบบเลื่อนลง |
| lookUpFocusableNode(_id) | ดู IFocusableNode.lookUpFocusableNode | |
| normalizeSeparators(contents) | protected |
อัปเดตและแสดงรายการเนื้อหาเมนูย่อยที่ระบุเพื่อทำให้ตัวคั่นแบนตามที่จำเป็น เมื่อมีตัวคั่นหลายตัวต่อกัน ค่าของตัวคั่นตัวสุดท้ายจะมีความสำคัญเหนือกว่า และระบบจะนำตัวคั่นก่อนหน้าในกลุ่มออก |
| onNodeBlur() | ดู IFocusableNode.onNodeBlur | |
| onNodeFocus() | ดู IFocusableNode.onNodeFocus | |
| onTreeBlur(_nextTree) | ดู IFocusableNode.onTreeBlur | |
| onTreeFocus(_node, _previousTree) | ดู IFocusableTree.onTreeFocus | |
| position() | abstract |
วางตำแหน่งเมนูย่อย |
| positionAt_(width, height, x, y) | protected |
อัปเดตมุมมองตามพิกัดที่คำนวณใน position() |
| reflow() | ปรับเนื้อหาในฟลายเอาต์ | |
| reflowInternal_() |
|
คำนวณขอบเขตของเมนูย่อย สำหรับ RTL: จัดวางองค์ประกอบให้ชิดขวา |
| scrollToStart() | abstract |
เลื่อนเมนูแบบลอยไปที่จุดเริ่มต้นของเนื้อหา |
| serializeBlock(block) | protected |
แปลงบล็อกเป็น JSON |
| setAutoClose(autoClose) | กำหนดว่าจะให้ฟลายเอาต์นี้ปิดโดยอัตโนมัติเมื่อลากบล็อกออกไป คลิกพื้นที่ทำงาน ฯลฯ หรือไม่ | |
| setContainerVisible(visible) | กำหนดว่าคอนเทนเนอร์ของเมนูย่อยนี้จะแสดงหรือไม่ | |
| setContents(contents) | จัดเก็บรายการองค์ประกอบในเมนูแบบลอย | |
| setMetrics_(xyRatio) |
|
ตั้งค่าการแปลของเมนูแบบเลื่อนลงให้ตรงกับแถบเลื่อน |
| setVisible(visible) | ตั้งค่าว่าจะให้เมนูแบบเลื่อนลงแสดงหรือไม่ ค่าเป็นจริงไม่ได้หมายความว่าฟลายเอาต์จะแสดง อาจซ่อนอยู่เนื่องจากคอนเทนเนอร์ซ่อนอยู่ | |
| show(flyoutDef) | แสดงและป้อนข้อมูลในเมนูแบบเลื่อนลง | |
| wheel_(e) |
|
เลื่อนเมนูป๊อปอัปแบบขยายออกด้านข้าง |