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

ลองใช้วิธีการเขียน

Jetpack Compose เป็นชุดเครื่องมือ UI ที่แนะนำสำหรับ Android ดูวิธีเพิ่มคอมโพเนนต์ใน Compose

ไปยังส่วนต่างๆ จากแถบแอปด้านบน →

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

หน้านี้จะแสดงวิธีเพิ่มปุ่ม "ขึ้น" ลงในแถบแอปโดยใช้คอมโพเนนต์การนำทางของ 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);
  }