Thêm thao tác Lên

Thử cách 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 các thành phần trong Compose.

Di chuyển từ thanh ứng dụng trên cùng →

Người dùng cần có 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 một nút 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 Lên, ứng dụng sẽ chuyển đến hoạt động mẹ.

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

Lưu ý: Bạn nên sử dụng thành phần Điều hướng Jetpack để xử lý hoạt động điều hướng trong ứng dụng. Thành phần này xử lý việc di chuyển lên từ màn hình hiện tại trong ứng dụng khi người dùng nhấn vào nút Lên. Để tìm hiểu thêm, hãy xem tài liệu về thành phần Điều hướng Jetpack.

Đị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 ngăn điều hướng được định cấu hình, biểu tượng trình đơn ngăn kéo 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 Lên sẽ xuất hiện trên tất cả các đích đến khác. Nhấn nút Lên để gọi navigateUp().

Ví dụ sau đây cho thấy cách định cấu hình một 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);
  }