ข้อมูลเบื้องต้นเกี่ยวกับแป้นโทรศัพท์นี้จะอธิบายถึงองค์ประกอบหลัก ฟังก์ชันพื้นฐานของแป้นโทรศัพท์ และสถาปัตยกรรมที่รวมองค์ประกอบเหล่านั้นไว้ด้วยกัน
ดูคำอธิบายโดยละเอียดได้ในส่วนอื่นๆ หากต้องการดูคำแนะนำเกี่ยวกับหัวข้อเหล่านี้ โปรดดูภาพรวม
กายวิภาคศาสตร์
UI แป้นโทรศัพท์ประกอบด้วยมุมมอง 4 ประเภทหลักๆ และองค์ประกอบที่เกิดขึ้นซ้ำๆ เช่น แถบแอปสำหรับใช้การนำทางหลัก มุมมองและองค์ประกอบเหล่านี้มีอธิบายอยู่ในตารางด้านล่างและในส่วนต่อๆ ไป
ประเภทข้อมูลพร็อพเพอร์ตี้ | รวมองค์ประกอบแล้ว | แสดงเมื่อ... |
---|---|---|
รายชื่อติดต่อที่เรียกดูได้ (ล่าสุด รายชื่อติดต่อ รายการโปรด และมุมมองรายละเอียด) |
|
ผู้ใช้กำลังเรียกดูรายชื่อติดต่อและข้อมูลการโทร หรือโทรหารายชื่อติดต่อ |
แป้นหมายเลข |
|
ผู้ใช้กำลังป้อนหมายเลขโทรศัพท์เพื่อโทรออก |
ระหว่างการโทร |
|
การโทรอยู่ระหว่างดำเนินการ |
การควบคุมแอป (การค้นหาและการตั้งค่า) |
|
ผู้ใช้กำลังค้นหารายชื่อติดต่อหรือปรับเปลี่ยนการตั้งค่าแอป |
มุมมองรายชื่อติดต่อที่สามารถเรียกดูได้
![โครงสร้างของแอปแป้นโทรศัพท์](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SpacialModel_Anatomy.png?authuser=7&hl=th)
2. พื้นที่ติดต่อที่เรียกดูได้
นี่คือการจัดเรียงเริ่มต้นของแถบแอปและพื้นที่การติดต่อ การนําทางหลักและการควบคุมแอปอาจซ้อนทับกัน แทนที่จะเก็บอยู่ในแถบแนวนอนแถบเดียว ทั้งนี้ขึ้นอยู่กับขนาดของหน้าจอ
มุมมองแป้นหมายเลขและในสาย
![โครงสร้างของแป้นหมายเลข](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_DialPad.png?authuser=7&hl=th)
![โครงสร้างของแถบควบคุมระหว่างการโทร](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_IncallNew.png?authuser=7&hl=th)
2. แถบควบคุม
มุมมองการควบคุมแอป (การค้นหาและการตั้งค่า)
![โครงสร้างของการค้นหา](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_Search.png?authuser=7&hl=th)
2. การซ้อนทับการค้นหา
![โครงสร้างของการตั้งค่า](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_Settings.png?authuser=7&hl=th)
2. การวางซ้อนการตั้งค่า
การนำทางหลัก (แถบแอป)
การนำทางในแถบแอปหลักประกอบด้วยแท็บที่แสดง ดังนี้
![สลับแท็บการนำทางของแป้นโทรศัพท์](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_Dialer_PrimaryNavigation.gif?authuser=7&hl=th)
![รูปแบบพื้นที่ของการนำทางผ่านแป้นโทรศัพท์](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_Dialer_PrimaryNavigation_Wire.gif?authuser=7&hl=th)
การควบคุมแอป
ส่วนควบคุมแอปทางด้านขวาของแถบแอปช่วยให้คุณเข้าถึงฟังก์ชันการค้นหาและการตั้งค่าในแอปได้ (โดยแสดงเป็นรูปแว่นขยายและไอคอนรูปเฟืองตามลำดับ)
![ตัวอย่างการควบคุมแอป](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_Dialer_AppControls.gif?authuser=7&hl=th)
![โมเดลเชิงพื้นที่ของการควบคุมแอป](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/settings.gif?authuser=7&hl=th)
พื้นที่เนื้อหาที่เรียกดูได้
ในพื้นที่ติดต่อที่เรียกดูได้ ผู้ใช้สามารถเลื่อนดูรายชื่อติดต่อในแนวตั้งและเลื่อนผ่าน Z-Space ไปยังรายละเอียดของรายชื่อติดต่อแต่ละรายการลงมาจากลำดับชั้นหนึ่งได้
เนื่องจากการนำทางไปตามระดับต่างๆ จะเพิ่มระดับการรับรู้ของคนขับ ในแป้นโทรศัพท์จึงมีการติดต่อเพียง 2 ระดับเท่านั้น ได้แก่ ระดับหลักและรายละเอียดในการติดต่อ
![การไปยังรายชื่อติดต่อในแป้นโทรศัพท์](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_Dialer_Content.gif?authuser=7&hl=th)
![โมเดลเชิงพื้นที่ของการควบคุมแอป](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_Dialer_Content_Wire.gif?authuser=7&hl=th)
แป้นหมายเลข
ผู้ใช้เลือกแท็บ "แป้นหมายเลข" เพื่อแสดงแป้นหมายเลขสำหรับโทรออกได้ หากตัวเลขที่ป้อนบางส่วนตรงกับหมายเลขโทรศัพท์ในรายชื่อติดต่อแบบไม่ซ้ำกัน รายการที่ตรงกันจะปรากฏขึ้นและผู้ใช้สามารถโทรออกได้โดยไม่ต้องป้อนหมายเลขทั้งหมด
![แท็บแป้นหมายเลข แนวนอน](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_DialpadTab.png?authuser=7&hl=th)
![แท็บแป้นหมายเลขแนวตั้งที่มีรายชื่อติดต่อที่รู้จัก](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_dialpad_recognizedContact.png?authuser=7&hl=th)
หน้าจอสถานะในสายและแถบควบคุม
เมื่อผู้ใช้โทรออกหรือรับสายภายในแป้นโทรศัพท์ หน้าจอสถานะขณะโทรจะแสดงชื่อผู้ติดต่อ สถานะหรือระยะเวลาการโทร และแถบควบคุมการอยู่ในสายสำหรับการจัดการการโทร
![แถบควบคุมและการโทรไปยังแป้นหมายเลข](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_dialpad_calling.png?authuser=7&hl=th)
![หน้าจอระหว่างการโทรและแถบควบคุม](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_dialpad_in-call-new.png?authuser=7&hl=th)