ซ้อน

สแต็กคือรายการที่ยุบไว้ซึ่งแสดงเนื้อหาเพียง 1 รายการต่อครั้งในภาพซ้อนกัน เช่น การแจ้งเตือนหรือการ์ด

AI

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

การบรรจุ: สแต็กจะจัดกลุ่มข้อมูลและการดำเนินการที่เกี่ยวข้องไว้ในหน่วยเดียวที่ เข้าใจได้ง่าย

โฟกัสและความชัดเจน: แสดงเนื้อหาในลักษณะที่ชัดเจนและเน้น

ความหลากหลาย: สแต็กสามารถแสดงการ์ดและการแจ้งเตือนได้

การนำเสนอที่สอดคล้องกัน: สแต็กมีโครงสร้างภาพที่สอดคล้องกัน

การใช้งานและการจัดวาง

สแต็กเป็นวิธีแสดงให้ผู้ใช้เห็นว่ามีองค์ประกอบหลายรายการที่ยุบไว้ในรายการ ขณะเดียวกันก็ลดองค์ประกอบภาพที่อยู่ในมุมมอง สแต็กมี 2 รูปแบบ ได้แก่

• สแต็กการ์ด

• สแต็กการแจ้งเตือน

สแต็กเป็นคอมโพเนนต์คอนเทนเนอร์ ซึ่งทั้ง 2 เวอร์ชันจะทำงานหรือมีลักษณะไม่แตกต่างกัน

ทั้ง 2 เวอร์ชันควรมีลักษณะและการทำงานที่เกือบจะเหมือนกัน สแต็กเป็นคอนเทนเนอร์สำหรับตัวควบคุมเหล่านี้ที่มีตรรกะในตัวสำหรับการแบ่งหน้า

การนำทางสแต็ก

ผู้ใช้จะนำทางโดยการปัดหรือลากไปตามทัชแพดไปข้างหน้าและข้างหลัง การเลื่อนสแต็กจะเลื่อนดูได้ครั้งละ 1 รายการเท่านั้น

สแต็กสามารถเลื่อนดูได้ครั้งละ 1 รายการ

เมื่อมีการป้อนข้อมูลด้วยการสัมผัส สแต็กจะแสดงรายการได้ครั้งละ 1 รายการโดยการเลื่อนในแนวตั้ง และจะกลายเป็นรายการเพื่อแสดงองค์ประกอบมากกว่า 1 รายการต่อครั้ง รายการควรใช้คอนเทนเนอร์และสถานะโฟกัสเริ่มต้น

ใช้ความลึกเพื่อระบุโฟกัส

รายการสแต็กที่อยู่ด้านล่างจะมีความลึก 0 ส่วนรายการที่อยู่ด้านบนสุดจะมีความลึก +2

กายวิภาคศาสตร์

สแต็กจะยุบเป็นคอมโพเนนต์การแบ่งหน้าเสมอ รายการด้านบนสุดจะเป็นโฟกัสหลักเสมอ โดยจะแสดงความลึกของเส้นขอบที่เข้มกว่า เว้นแต่จะมีปุ่มที่ซ้อนกันอยู่ซึ่งเปิดใช้อยู่

การปัดผ่านจุดเริ่มต้นหรือจุดสิ้นสุดของสแต็กจะแสดงภาพเคลื่อนไหวแบบยืดมาตรฐาน ซึ่งจะเน้นจุดเริ่มต้นหรือจุดสิ้นสุดของสแต็ก

การปรับแต่ง

สแต็กมีฉากกั้น การแบ่งหน้า และภาพเคลื่อนไหวในตัวซึ่งปรับแต่งไม่ได้ แต่จะปรับแต่งเนื้อหาภายในสแต็กแทน