blockly > blockRendering > ลิ้นชัก

คลาส blockRendering.Drawer

ออบเจ็กต์ที่วาดบล็อกตามข้อมูลการแสดงผลที่ระบุ

ลายเซ็น:

export declare class Drawer

ผู้ผลิต

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

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

พร็อพเพอร์ตี้ ตัวปรับแต่ง ประเภท คำอธิบาย
block_ BlockSvg
constants_ protected ConstantProvider
info_ RenderInfo
inlinePath_ string
outlinePath_ string
topLeft_ ประสานงาน

วิธีการ

วิธีการ ตัวปรับแต่ง คำอธิบาย
draw()

วาดบล็อกสี่เหลี่ยมลงในพื้นที่ทำงาน คำว่า "การวาด" หมายถึงการตั้งค่าองค์ประกอบของเส้นทาง SVG และการย้ายช่อง ไอคอน และการเชื่อมต่อบนหน้าจอ

ระบบจะพุชส่วนต่างๆ ของเส้นทางเข้าไปในอาร์เรย์ของ "ขั้นตอน" ซึ่งจากนั้นจะรวมกันด้วยการเว้นวรรคและตั้งค่าบนบล็อกโดยตรง วิธีนี้จะรับประกันว่าขั้นตอนจะคั่นด้วยการเว้นวรรคเพื่อให้อ่านง่ายขึ้น แต่ไม่บังคับ
drawBottom_() protected เพิ่มขั้นตอนสำหรับขอบด้านล่างของบล็อก ซึ่งอาจรวมส่วนเว้าสำหรับการเชื่อมต่อถัดไป
drawConnectionHighlightPath(measurable) แสดงผลเส้นทางเพื่อไฮไลต์การเชื่อมต่อที่ระบุ
drawInlineInput_(input) protected เพิ่มขั้นตอนสำหรับการป้อนข้อมูลแบบอินไลน์
drawInternals_() protected วาดพื้นที่ภายในของบล็อก ซึ่งได้แก่ อินพุต ช่อง และไอคอนแบบแทรกในบรรทัด โดยไม่ได้ขึ้นอยู่กับเส้นทางภายนอกสำหรับตำแหน่ง
drawJaggedEdge_(row) protected เพิ่มขั้นตอนสำหรับขอบหยักของแถวในบล็อกที่ยุบอยู่
drawLeft_() protected เพิ่มขั้นตอนสำหรับด้านซ้ายของบล็อก ซึ่งอาจมีการเชื่อมต่อเอาต์พุต
drawOutline_() protected สร้างโครงร่างของบล็อก นี่คือเส้นทางต่อเนื่องเส้นทางเดียว
drawRightSideRow_(row) protected เพิ่มขั้นตอนสำหรับด้านขวาของแถวที่ไม่มีการเชื่อมต่อค่าหรืออินพุตคำสั่ง
drawStatementInput_(row) protected เพิ่มขั้นตอนการป้อนคำสั่ง
drawTop_() protected เพิ่มขั้นตอนสำหรับมุมบนของบล็อก โดยพิจารณารายละเอียด เช่น หมวกและมุมโค้งมน
drawValueInput_(row) protected เพิ่มขั้นตอนสำหรับอินพุตค่าภายนอกที่แสดงผลเป็นรอยบากที่ด้านข้างของบล็อก
hideHiddenIcons_() protected ซ่อนไอคอนที่ทำเครื่องหมายว่าซ่อนไว้
layoutField_(fieldInfo) protected พุชตำแหน่งใหม่ของฟิลด์หรือไอคอนไปยังราก SVG
positionExternalValueConnection_(row) protected วางตำแหน่งการเชื่อมต่อบนอินพุตค่าภายนอก โดยคํานึงถึง RTL และช่องว่างเล็กๆ ระหว่างบล็อกระดับบนและบล็อกย่อยที่ทำให้เส้นทางมืดของบล็อกหลักแสดงได้
positionInlineInputConnection_(input) protected วางการเชื่อมต่อบนอินพุตค่าในบรรทัด โดยคํานึงถึง RTL และช่องว่างเล็กๆ ระหว่างบล็อกระดับบนและบล็อกย่อยที่ทำให้เส้นทางมืดของบล็อกหลักแสดงได้
positionNextConnection_() protected จัดตำแหน่งการเชื่อมต่อถัดไปในบล็อก
positionOutputConnection_() protected วางตำแหน่งการเชื่อมต่อเอาต์พุตบนบล็อก
positionPreviousConnection_() protected วางตำแหน่งการเชื่อมต่อก่อนหน้าบนบล็อก
positionStatementInputConnection_(row) protected วางตำแหน่งการเชื่อมต่อในอินพุตคำสั่ง โดยคำนึงถึง RTL และช่องว่างเล็กๆ ระหว่างบล็อกระดับบนและบล็อกย่อยที่ทำให้เส้นทางมืดของบล็อกหลักแสดงได้
recordSizeOnBlock_() protected บันทึกข้อมูลการปรับขนาดกลับไปที่บล็อก ข้อมูลการแสดงผลส่วนใหญ่สามารถทิ้งไปเมื่อสิ้นสุดการแสดงภาพได้ ควรตั้งค่าทุกอย่างที่จำเป็นต้องเก็บไว้ในฟังก์ชันนี้
updateConnectionHighlights() protected อัปเดตออบเจ็กต์เส้นทางเพื่อแสดงเส้นเชื่อมต่อบนการบล็อก