แถบเครื่องมือ

Dialer ใช้แถบเครื่องมือแชสซีที่มีชื่อแพ็กเกจ com.android.car.ui.toolbar.Toolbar ขั้นตอนแรกในการปรับแต่งแถบเครื่องมือคือการวางทับไฟล์โครงร่าง ซึ่งก็คือ car_ui_toolbar.xml และ car_ui_toolbar_two_row.xml สำหรับแถบเครื่องมือรุ่นเก่า และ car_ui_base_layout_toolbar.xml สำหรับเวอร์ชันเค้าโครงพื้นฐาน ในเลย์เอาต์แต่ละเวอร์ชัน แต่ละมุมมองต่อไปนี้ต้องมีรหัสที่เกี่ยวข้อง:

id ดูประเภท คำอธิบาย
car_ui_toolbar_background /td> android.view.View เลิกใช้สำหรับเลย์เอาต์พื้นฐาน แต่ใช้กับสไตล์แถบเครื่องมือก่อนหน้าเพื่อกำหนดความสูง
car_ui_toolbar_tabs com.android.car.ui.toolbar.TabLayout ตำแหน่งของแท็บ
car_ui_toolbar_nav_icon android.widget.ImageView ปุ่มย้อนกลับ, ปิด, ลง
car_ui_toolbar_logo android.widget.ImageView โลโก้เมื่อ car_ui_toolbar_logo_
fills_nav_icon_space เป็น true
car_ui_toolbar_nav_icon_container android.view.ViewGroup คอนเทนเนอร์สำหรับ car_ui_toolbar_logo และ car_ui_toolbar_nav_icon
car_ui_toolbar_menu_items_container android.view.ViewGroup ViewGroup ที่มี MenuItems
car_ui_toolbar_title android.widget.TextView ชื่อของแถบเครื่องมือ
car_ui_toolbar_title_logo_container android.view.ViewGroup คอนเทนเนอร์สำหรับ car_ui_toolbar_title_logo คอนเทนเนอร์จะแสดง (หรือซ่อนไว้) แทน ImageView
car_ui_toolbar_title_logo android.widget.ImageView โลโก้เมื่อ car_ui_toolbar_logo_
fills_nav_icon_space เป็น false
car_ui_toolbar_search_view_container android.widget.FrameLayout คอนเทนเนอร์ที่จะขยายมุมมองการค้นหา ซึ่งจะช่วยลดระยะเวลาการพองตัวบนหน้าจอโดยไม่มีแถบค้นหา
car_ui_toolbar_progress_bar android.widget.ProgressBar แถบความคืบหน้า

ถัดไป คุณต้องปรับแต่ง car_ui_toolbar_search_view.xml ด้วย ซึ่งมีแถบค้นหา ซึ่งต้องมีมุมมองต่อไปนี้:

id ดูประเภท คำอธิบาย
car_ui_toolbar_search_bar android.widget.EditText EditText ที่ผู้ใช้พิมพ์ข้อความเพื่อค้นหา
car_ui_toolbar_search_icon android.widget.ImageView ไอคอนที่ปกติจะแสดงไอคอนค้นหา แต่แอปพลิเคชันสามารถเปลี่ยนแปลงได้
car_ui_toolbar_search_close android.view.View มุมมองที่ว่าเมื่อคลิกจะล้างช่องค้นหา

นอกจากเค้าโครง คุณสามารถใช้แอตทริบิวต์บูลีนเหล่านี้เพื่อปรับแต่งแถบเครื่องมือได้:

คุณลักษณะ คำอธิบาย
car_ui_toolbar_tabs_on_second_row กำหนดว่าจะซ่อนชื่อเมื่อแสดงแท็บหรือไม่
car_ui_toolbar_nav_icon_reserve_space กำหนดว่าควรย้ายชื่อเรื่องไปทางซ้ายเพื่อใช้พื้นที่ของไอคอนการนำทางหรือไม่เมื่อซ่อนไอคอนการนำทาง
car_ui_toolbar_logo_fills_nav_icon_space แสดงโลโก้ในพื้นที่เดียวกับปุ่มนำทางเมื่อไม่มีปุ่มนำทาง
car_ui_toolbar_show_logo หากต้องการปิดใช้งานการแสดงโลโก้ในแถบเครื่องมืออย่างถาวร ให้ตั้งค่านี้ false

มุมมองเหล่านี้จะแสดง ซ่อน หรือเปลี่ยนแปลงตาม setState ของเมธอด ToolbarControllerImpl สำหรับข้อมูลเฉพาะเกี่ยวกับมุมมองที่จะแสดงและเวลา โปรดดูวิธีการนั้น