Thêm thao tác Lên

Người dùng cần 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 gốc.

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 cách sử dụ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 với 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ẽ xuất hiện trên thanh ứng dụng ở các đích đến 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 biết 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);
  }