ก่อนที่จะเริ่มสร้างตัวแสดงผลที่กำหนดเอง คุณควรทำความเข้าใจคอมโพเนนต์ต่างๆ ที่ประกอบกันเป็นโหมดแสดงภาพ ตลอดจนวิธีที่บล็อกแบ่งออกเป็นแถวและองค์ประกอบ
คอมโพเนนต์ของโปรแกรมแสดงภาพ
โหมดแสดงภาพสร้างขึ้นจากคอมโพเนนต์ต่างๆ มากมาย คอมโพเนนต์แต่ละอย่างมีหน้าที่ ไม่ซ้ำกันในการขยายและการใช้โค้ดซ้ำให้ได้สูงสุด
โหมดแสดงภาพ
ผู้แสดงผลเป็นคลาสจากโรงงานที่รวมคอมโพเนนต์อื่นๆ ทั้งหมดเข้าด้วยกัน
ผู้ให้บริการแบบคงที่
ผู้ให้บริการค่าคงที่คือกลุ่มของตัวเลขและรูปร่างที่คอมโพเนนต์อื่นๆ ทั้งหมดใช้ รวมถึงช่องในตัว
แสดงผลข้อมูล
ข้อมูลการแสดงผลจะตัดสินใจเลือกวิธีจัดวางบล็อกตามคำจำกัดความ จากนั้นจะสร้างคอลเล็กชันที่วัดได้และข้อมูลเกี่ยวกับการบล็อกที่ลิ้นชักใช้ในการสร้างเส้นทาง SVG
ออบเจ็กต์เส้นทาง
ออบเจ็กต์เส้นทางมีองค์ประกอบ SVG ที่อาศัยอยู่ในโดเมน และประกอบเป็นบล็อก
ลิ้นชัก
ลิ้นชัก (ดังเช่น "ผู้วาดคนเดียว") จะสร้างเส้นทาง SVG ตามข้อมูลการแสดงผล และนำไปใช้กับออบเจ็กต์เส้นทาง
บล็อกการวัดผล
เมตริกที่วัดได้คือสี่เหลี่ยมผืนผ้าซึ่งแสดงพื้นที่ของบล็อก การวัดผลคือสิ่งที่ข้อมูลการแสดงผลใช้เพื่อกำหนดเลย์เอาต์ของการบล็อก
การวัดผลบางประเภทยังรวมข้อมูลเพิ่มเติม (เช่น ภาพที่นำเสนอ) หรือวิธีการช่วยเหลือที่ข้อมูลการแสดงผลสามารถใช้เพื่อหาวิธีจัดวางองค์ประกอบได้ด้วย
โหมดแสดงภาพที่แตกต่างกันอาจสร้างการวัดที่กำหนดเองเพื่อเปลี่ยนแปลงข้อมูลหรือเมธอดของตัวช่วยเหล่านี้
แถว
แถวคือคอลเล็กชันแนวนอนขององค์ประกอบและที่กั้นองค์ประกอบ
ที่กั้นระยะแถว
ที่กั้นแถวคือพื้นที่แนวตั้งที่ว่างเปล่าซึ่งอยู่ระหว่าง 2 แถว
องค์ประกอบ
องค์ประกอบ หมายถึงสิ่งที่มองเห็นในบล็อก ซึ่งได้แก่ ช่อง ไอคอน การเชื่อมต่อ ฯลฯ
ที่กั้นองค์ประกอบ
ที่กั้นระยะองค์ประกอบคือพื้นที่ว่างที่เชื่อมระหว่างองค์ประกอบในแถว
