blockly > Flyout

คลาสฟลายเอาต์

เรียนให้สบายกาย

ลายเซ็น:

export declare abstract class Flyout extends DeleteArea implements IAutoHideable, IFlyout 

ขยาย: DeleteArea

การใช้งาน: IAutoHideable, IFlyout

ผู้ผลิต

ผู้ผลิต	ตัวปรับแต่ง	คำอธิบาย
(เครื่องมือสร้าง)(ตัวเลือกพื้นที่ทำงาน)		สร้างอินสแตนซ์ใหม่ของคลาส Flyout

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

พร็อพเพอร์ตี้	ตัวปรับแต่ง	ประเภท	คำอธิบาย
autoClose		boolean	แฟ้มออกจะปิดโดยอัตโนมัติเมื่อสร้างบล็อกไหม
buttons_	protected	FlyoutButton[]	รายการปุ่มที่มองเห็นได้
เนื้อหา	protected	รายการฟลายเอาต์[]	รายการปุ่มและบล็อกที่มองเห็นได้
CORNER_RADIUS	readonly	ตัวเลข	รัศมีมุมของพื้นหลังแบบกระจาย
dragAngleRange_	protected	ตัวเลข	ช่วงของมุมการลากจากเส้นเชื่อมต่อที่ถือว่าเป็น "การลากไปยังพื้นที่ทำงาน" การลากที่อยู่ภายในขอบเขตขององศาหลายองศาจากเส้นตั้งฉากไปยังขอบของจุดแสดง ถือว่าเป็น "การลากไปยังพื้นที่ทำงาน"
FlyoutItemType	static	ประเภทของ FlyoutItemType	ประเภทของรายการเนื้อหา Flyout
GAP_X	readonly	ตัวเลข
GAP_Y	readonly	ตัวเลข
height_	protected	ตัวเลข	ความสูงของฟลายออก
กำไร	readonly	ตัวเลข
rectMap_	protected	แผนที่ที่ไม่รัดกุม<BlockSvg, SVGElement>
RTL		boolean
SCROLLBAR_MARGIN	readonly	ตัวเลข	ระยะห่างจากขอบด้านบน/ด้านล่างระหว่างแถบเลื่อนและขอบของพื้นหลังแบบเลื่อนออก
svgBackground_	protected	SVGPathElement | null	เส้นทางรอบๆ พื้นหลังของตัวลอยซึ่งจะมีสีพื้นหลัง
svgGroup_	protected	SVGGElement | null	กลุ่ม SVG รูทสำหรับปุ่มหรือป้ายกำกับ
tabWidth_	protected readonly	ตัวเลข
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, blockHW, ดัชนี)	protected	สร้างและวางสี่เหลี่ยมที่สอดคล้องกับบล็อกนั้น
dispose()		กำจัดแมลงวันนี้ ยกเลิกการลิงก์จากองค์ประกอบ DOM ทั้งหมดเพื่อป้องกันการรั่วไหลของหน่วยความจำ
getContents()		รับรายการปุ่มและบล็อคของรูปแบบปัจจุบัน
getFlyoutScale()		ดูขนาด (ระดับการซูม) ของระยะห่างจากขอบ โดยค่าเริ่มต้น ค่านี้จะตรงกับขนาดพื้นที่ทำงานเป้าหมาย แต่ลบล้างได้
getHeight()		ดูความสูงของตัวลอย
getWidth()		ดูความกว้างของหน้าต่างแบบพับได้
getWorkspace()		เตรียมพื้นที่ทำงานไปพร้อมๆ กัน
getX()	abstract	คำนวณพิกัด x สำหรับตำแหน่งฟลายเอาต์
getY()	abstract	คำนวณพิกัด y สำหรับตำแหน่งฟลายเอาต์
ซ่อน()		ซ่อนและล้างเมนูออก
init(targetWorkspace)		เริ่มต้นฟลายเอาต์
initFlyoutButton_(ปุ่ม, x, y)	protected	เริ่มต้นปุ่มที่ระบุ: ย้ายไปยังตำแหน่งที่ถูกต้อง เพิ่ม Listener เป็นต้น
isDragTowardWorkspace(currentDragDeltaXY)	abstract	พิจารณาว่าเดลต้าของการลากอยู่ตรงพื้นที่ทำงานหรือไม่ โดยอิงตามตำแหน่งและการวางแนวของระยะห่างจากขอบ ค่านี้ใช้ใน generateDragIntention_ เพื่อกำหนดว่าควรสร้างบล็อกใหม่ขึ้นมาบล็อกหรือต้องการให้เลื่อนออก
isVisible()		มองเห็นข้อพับข้างไหม
layout_(เนื้อหา, ช่องว่าง)	protected abstract	จัดวางบล็อกสี่เหลี่ยม
moveRectToBlock_(สี่เหลี่ยมผืนผ้า, บล็อก)	protected	ย้ายรูปสี่เหลี่ยมผืนผ้าให้อยู่หลังบล็อก โดยพิจารณาจากแท็บ หมวก และส่วนที่ยื่นออกมาอื่นๆ ที่เราสร้างขึ้น
ตำแหน่ง()	abstract	วางตำแหน่ง Flyout
positionAt_(ความกว้าง, ความสูง, x, y)	protected	อัปเดตมุมมองตามพิกัดที่คำนวณในPosition()
การจัดเรียงใหม่()		จัดเรียงบล็อกและเสื่อ
reflowInternal_()	protected abstract	คำนวณความสูงของฟลายเอาต์ แผ่นรองจัดตำแหน่งใต้บล็อกแต่ละบล็อก สำหรับ RTL: จัดวางบล็อกให้อยู่ในแนวขวา
scrollToStart()	abstract	เลื่อนเมนูแบบเลื่อนลงไปยังจุดเริ่มต้นของเนื้อหา
serializeBlock(block)	protected	เรียงอันดับบล็อกเป็น JSON
setAutoClose(autoClose)		ตั้งค่าว่าฟลายเอตนี้จะปิดโดยอัตโนมัติเมื่อมีการลากบล็อกออก มีการคลิกพื้นที่ทำงาน ฯลฯ หรือไม่
setContainerVisible(visible)		กําหนดว่าจะแสดงคอนเทนเนอร์ของ Flyout นี้หรือไม่
setContents(contents)		จัดเก็บรายการปุ่มและบล็อกได้ทันที
setMetrics_(xyRatio)	protected abstract	ตั้งค่าคำแปลของการเลื่อนออกให้ตรงกับแถบเลื่อน
setVisible(visible)		ตั้งค่าว่าจะให้มองเห็น Flyout หรือไม่ ค่า true ไม่ได้หมายความว่า flyout จะแสดง เมนูอาจซ่อนอยู่เนื่องจากมีการซ่อนคอนเทนเนอร์
show(flyoutDef)		แสดงและป้อนข้อมูลป๊อปอัป
wheel_(e)	protected abstract	เลื่อนลอยออก