เพิ่มการดำเนินการขึ้น

ผู้ใช้ต้องการวิธีง่ายๆ ในการกลับไปยังหน้าจอหลักของแอป ซึ่งทำได้โดยใส่แอตทริบิวต์ Up ปุ่ม ในแถบแอป สำหรับทุกกิจกรรม ยกเว้นกิจกรรมหลัก เมื่อผู้ใช้เลือกปุ่มขึ้น แอปจะไปที่ กิจกรรมของผู้ปกครอง

หน้านี้แสดงวิธีเพิ่มปุ่มขึ้นลงในแถบแอปโดยใช้คอมโพเนนต์การนำทางของ Jetpack ดูคำอธิบายโดยละเอียดได้ที่ อัปเดตคอมโพเนนต์ UI ด้วย NavigationUI

หมายเหตุ: เราขอแนะนำให้ใช้คอมโพเนนต์การนำทางของ Jetpack ในการจัดการการไปยังส่วนต่างๆ ของแอป คอมโพเนนต์นี้จะจัดการกับการนำทางขึ้นจากหน้าจอปัจจุบันในแอปเมื่อผู้ใช้แตะปุ่ม "ขึ้น" โปรดดูข้อมูลเพิ่มเติมในเอกสารประกอบเกี่ยวกับ คอมโพเนนต์การนำทางของ Jetpack

กำหนดค่าแถบแอป

กำหนดค่าแถบแอปโดยใช้ 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);
  }