แถบแอปและส่วนหัว

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

ใช้รูปแบบแถบแอปและส่วนหัวที่สม่ำเสมอ เพื่อวางปุ่มควบคุมหลัก เช่น การค้นหาภายในแอป ในตำแหน่งมาตรฐานทั่วทั้งส่วนติดต่อผู้ใช้

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

แถบแอปและส่วนหัวสามารถประกอบด้วยองค์ประกอบต่างๆ ได้มากมาย สามารถกำหนดค่าได้ด้วยวิธีใดวิธีหนึ่งต่อไปนี้:

• ส่วนหัวของแอป: เมื่อตั้งค่าเป็นส่วนหัวของแอป ส่วนประกอบนี้จะมีพื้นที่สำหรับข้อความเพิ่มเติม โดยมีการใช้ไอคอนและปุ่มน้อยที่สุด โดยทั่วไปจะประกอบด้วยชื่อหน้าจอและลูกศรย้อนกลับ
• แถบแอป: เมื่อตั้งค่าเป็นแถบแอปแล้ว จะประกอบด้วยไอคอน แท็บ และ ปุ่ม โดยทั่วไปจะมีไอคอนแอปและตัวเลือกการนำทาง

ทั้งสองเวอร์ชันนี้สามารถรวมการควบคุมแอปได้ เช่น การค้นหาภายในแอปและการตั้งค่า

รายละเอียด – แถบแอป

แถบแอปพร้อมเมนูนำทางหลัก – จัดกึ่งกลาง

แถบแอปพร้อมเมนูนำทางหลัก – จัดชิดซ้าย

แถบแอปพร้อมเมนูนำทางหลัก – พับเก็บ (แสดงเป็นลิ้นชักแทนแท็บ)

ข้อมูลจำเพาะ – ส่วนหัวของแอป

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

ส่วนหัวของแอปพร้อมการควบคุมแอปเดียว

ส่วนหัวของแอปที่มีปุ่มควบคุมหลายปุ่ม

ส่วนหัวของแอปที่มีปุ่มเดียว

ส่วนหัวของแอปที่มีปุ่มหลายปุ่ม

ส่วนหัวของแอปที่มีข้อความล้น

ส่วนหัวของแอปพร้อมแถบแท็บแบบแยกต่างหาก

การปรับแต่ง

คุณสามารถแสดงถึงเอกลักษณ์ของแบรนด์ได้โดยการปรับเปลี่ยนรูปลักษณ์ของแถบแอปและส่วนหัว การปรับเปลี่ยนอาจรวมถึง:

• ไอคอนแบบกำหนดเอง
• ฟอนต์แบบกำหนดเอง
• การตั้งค่าลักษณะการแสดงผลของปุ่มที่ใช้งานอยู่ ปุ่มที่ไม่ได้ใช้งาน และปุ่มที่ถูกปิดใช้งาน
• การตั้งค่าขนาดและตำแหน่งของปุ่ม

ตัวอย่าง