แนวคิดโปรแกรมแสดงภาพ

ก่อนที่จะเริ่มสร้างตัวแสดงผลที่กำหนดเอง คุณควรทำความเข้าใจคอมโพเนนต์ต่างๆ ที่ประกอบกันเป็นโหมดแสดงภาพ ตลอดจนวิธีที่บล็อกแบ่งออกเป็นแถวและองค์ประกอบ

คอมโพเนนต์ของโปรแกรมแสดงภาพ

โหมดแสดงภาพสร้างขึ้นจากคอมโพเนนต์ต่างๆ มากมาย คอมโพเนนต์แต่ละอย่างมีหน้าที่ ไม่ซ้ำกันในการขยายและการใช้โค้ดซ้ำให้ได้สูงสุด

โหมดแสดงภาพ

ผู้แสดงผลเป็นคลาสจากโรงงานที่รวมคอมโพเนนต์อื่นๆ ทั้งหมดเข้าด้วยกัน

ผู้ให้บริการแบบคงที่

ผู้ให้บริการค่าคงที่คือกลุ่มของตัวเลขและรูปร่างที่คอมโพเนนต์อื่นๆ ทั้งหมดใช้ รวมถึงช่องในตัว

แสดงผลข้อมูล

ข้อมูลการแสดงผลจะตัดสินใจเลือกวิธีจัดวางบล็อกตามคำจำกัดความ จากนั้นจะสร้างคอลเล็กชันที่วัดได้และข้อมูลเกี่ยวกับการบล็อกที่ลิ้นชักใช้ในการสร้างเส้นทาง SVG

ออบเจ็กต์เส้นทาง

ออบเจ็กต์เส้นทางมีองค์ประกอบ SVG ที่อาศัยอยู่ในโดเมน และประกอบเป็นบล็อก

ลิ้นชัก

ลิ้นชัก (ดังเช่น "ผู้วาดคนเดียว") จะสร้างเส้นทาง SVG ตามข้อมูลการแสดงผล และนำไปใช้กับออบเจ็กต์เส้นทาง

บล็อกการวัดผล

เมตริกที่วัดได้คือสี่เหลี่ยมผืนผ้าซึ่งแสดงพื้นที่ของบล็อก การวัดผลคือสิ่งที่ข้อมูลการแสดงผลใช้เพื่อกำหนดเลย์เอาต์ของการบล็อก

การวัดผลบางประเภทยังรวมข้อมูลเพิ่มเติม (เช่น ภาพที่นำเสนอ) หรือวิธีการช่วยเหลือที่ข้อมูลการแสดงผลสามารถใช้เพื่อหาวิธีจัดวางองค์ประกอบได้ด้วย

โหมดแสดงภาพที่แตกต่างกันอาจสร้างการวัดที่กำหนดเองเพื่อเปลี่ยนแปลงข้อมูลหรือเมธอดของตัวช่วยเหล่านี้

แถว

แถวคือคอลเล็กชันแนวนอนขององค์ประกอบและที่กั้นองค์ประกอบ

ที่กั้นระยะแถว

ที่กั้นแถวคือพื้นที่แนวตั้งที่ว่างเปล่าซึ่งอยู่ระหว่าง 2 แถว

องค์ประกอบ

องค์ประกอบ หมายถึงสิ่งที่มองเห็นในบล็อก ซึ่งได้แก่ ช่อง ไอคอน การเชื่อมต่อ ฯลฯ

ที่กั้นองค์ประกอบ

ที่กั้นระยะองค์ประกอบคือพื้นที่ว่างที่เชื่อมระหว่างองค์ประกอบในแถว