Toolbar

ตัวต่อสายใช้แถบเครื่องมือแชสซีที่มีชื่อแพ็กเกจเป็น 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 ที่มี MenuItem
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 ดูรายละเอียดเกี่ยวกับมุมมองที่จะแสดงและเวลาที่แสดงได้ที่เมธอดนั้น