Thêm thao tác Lên

Thử cách dùng Compose
Jetpack Compose là bộ công cụ giao diện người dùng được đề xuất cho Android. Tìm hiểu cách thêm thành phần trong Compose.
Điều hướng từ thanh ứng dụng trên cùng →

Người dùng cần có một cách dễ dàng để quay lại màn hình chính của ứng dụng. Để thực hiện việc này, hãy cung cấp nút Up (Lên) trên thanh ứng dụng cho tất cả các hoạt động, ngoại trừ hoạt động chính. Khi người dùng chọn nút Mũi tên lên, ứng dụng sẽ chuyển đến hoạt động mẹ.

Trang này cho bạn biết cách thêm nút Mũi tên lên vào thanh ứng dụng bằng thành phần Điều hướng Jetpack. Để biết nội dung giải thích chi tiết hơn, hãy xem phần Cập nhật thành phần giao diện người dùng bằng NavigationUI.

Định cấu hình thanh ứng dụng

Định cấu hình thanh ứng dụng bằng AppBarConfiguration. Từ AppBarConfiguration, bạn có thể thông báo cho thanh ứng dụng về các đích đến cấp cao nhất. Nếu bạn định cấu hình ngăn điều hướng, thì biểu tượng trình đơn ngăn sẽ hiển thị trên thanh ứng dụng ở các đích cấp cao nhất. Nếu bạn không định cấu hình ngăn điều hướng, nút điều hướng sẽ bị ẩn trên các đích đến cấp cao nhất.

Trong cả hai trường hợp, nút Mũi tên lên sẽ hiển thị trên tất cả các đích đến khác. Thao tác nhấn nút Mũi tên lên sẽ gọi navigateUp().

Ví dụ sau đây cho thấy cách định cấu hình thanh ứng dụng bằng 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);
  }