ผู้ใช้ต้องมีวิธีง่ายๆ ในการกลับไปที่หน้าจอหลักของแอป หากต้องการทำเช่นนี้ ให้ใส่ปุ่ม ขึ้น
บนแถบแอป
สำหรับกิจกรรมทั้งหมด ยกเว้นกิจกรรมหลัก เมื่อผู้ใช้เลือกปุ่มขึ้น แอปจะนำทางไปยังกิจกรรมระดับบน
หน้านี้จะแสดงวิธีเพิ่มปุ่มขึ้นในแถบแอปโดยใช้คอมโพเนนต์การนำทาง Jetpack ดูคำอธิบายโดยละเอียดเพิ่มเติมได้ที่ อัปเดตคอมโพเนนต์ UI ด้วย NavigationUI
กำหนดค่าแถบแอป
กำหนดค่าแถบแอปโดยใช้ AppBarConfiguration
จาก AppBarConfiguration คุณสามารถแจ้งให้แถบแอปทราบปลายทางระดับบนสุด หากกำหนดค่า Navigation Drawer ไว้ ไอคอนเมนู Drawer
จะแสดงในแถบแอป
ที่ปลายทางระดับบนสุด หากไม่ได้กำหนดค่าลิ้นชักการนำทางไว้ ปุ่มการนำทางจะซ่อนอยู่ที่ปลายทางระดับบนสุด
ในทั้ง 2 กรณี ปุ่มขึ้นจะแสดงที่ปลายทางอื่นๆ ทั้งหมด การกดปุ่มขึ้นจะเรียกใช้ navigateUp()
ตัวอย่างต่อไปนี้แสดงวิธีกำหนดค่าแถบแอปโดยใช้ AppBarConfiguration
Kotlin
override fun onCreate(savedInstanceState: Bundle?) { ... val navController = findNavController(R.id.nav_host_fragment_activity_main) val appBarConfiguration = AppBarConfiguration( setOf( R.id.navigation_home, R.id.navigation_dashboard, R.id.navigation_notifications ) ) binding.myToolbar.setupWithNavController(navController, appBarConfiguration) }
Java
@Override protected void onCreate(Bundle savedInstanceState) { ... NavController navController = Navigation.findNavController(this, R.id.nav_host_fragment_activity_main); AppBarConfiguration appBarConfiguration = new AppBarConfiguration.Builder( R.id.navigation_home, R.id.navigation_dashboard, R.id.navigation_notifications) .build(); NavigationUI.setupWithNavController(binding.myToolbar, navController, appBarConfiguration); }