Blockly > Flyout

คลาส 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_

protected

readonly

ตัวเลข
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)

protected

abstract

จัดวางองค์ประกอบในเมนูแบบเลื่อนลง
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_()

protected

abstract

คำนวณขอบเขตของเมนูย่อย สำหรับ RTL: จัดวางองค์ประกอบให้ชิดขวา
scrollToStart() abstract เลื่อนเมนูแบบลอยไปที่จุดเริ่มต้นของเนื้อหา
serializeBlock(block) protected แปลงบล็อกเป็น JSON
setAutoClose(autoClose) กำหนดว่าจะให้ฟลายเอาต์นี้ปิดโดยอัตโนมัติเมื่อลากบล็อกออกไป คลิกพื้นที่ทำงาน ฯลฯ หรือไม่
setContainerVisible(visible) กำหนดว่าคอนเทนเนอร์ของเมนูย่อยนี้จะแสดงหรือไม่
setContents(contents) จัดเก็บรายการองค์ประกอบในเมนูแบบลอย
setMetrics_(xyRatio)

protected

abstract

ตั้งค่าการแปลของเมนูแบบเลื่อนลงให้ตรงกับแถบเลื่อน
setVisible(visible) ตั้งค่าว่าจะให้เมนูแบบเลื่อนลงแสดงหรือไม่ ค่าเป็นจริงไม่ได้หมายความว่าฟลายเอาต์จะแสดง อาจซ่อนอยู่เนื่องจากคอนเทนเนอร์ซ่อนอยู่
show(flyoutDef) แสดงและป้อนข้อมูลในเมนูแบบเลื่อนลง
wheel_(e)

protected

abstract

เลื่อนเมนูป๊อปอัปแบบขยายออกด้านข้าง