ผู้ใช้ต้องการวิธีง่ายๆ ในการกลับไปยังหน้าจอหลักของแอป ซึ่งทำได้โดยใส่แอตทริบิวต์ Up
ปุ่ม ในแถบแอป
สำหรับทุกกิจกรรม ยกเว้นกิจกรรมหลัก เมื่อผู้ใช้เลือกปุ่มขึ้น แอปจะไปที่
กิจกรรมของผู้ปกครอง
หน้านี้แสดงวิธีเพิ่มปุ่มขึ้นลงในแถบแอปโดยใช้คอมโพเนนต์การนำทางของ Jetpack ดูคำอธิบายโดยละเอียดได้ที่ อัปเดตคอมโพเนนต์ UI ด้วย NavigationUI
กำหนดค่าแถบแอป
กำหนดค่าแถบแอปโดยใช้
AppBarConfiguration
จากAppBarConfiguration
คุณสามารถแจ้งแถบแอปของระดับบนสุดได้
ปลายทาง หากมีการกำหนดค่าลิ้นชักการนำทางไว้ ไอคอนเมนูลิ้นชัก
แสดงในแอป
ในปลายทางระดับบนสุด หากไม่ได้กำหนดค่าลิ้นชักการนำทางไว้ ระบบจะใช้ปุ่มการนำทาง
ซ่อนอยู่ในปลายทางระดับบนสุด
ในทั้งสองกรณี ปุ่มขึ้นจะแสดงบนปลายทางอื่นๆ ทั้งหมด การกดปุ่มขึ้นจะส่งเสียง
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); }