「上へ」アクションを追加する

ユーザーは、アプリのメイン画面に簡単に戻る方法を必要としています。そのためには、メイン アクティビティを除くすべてのアクティビティに対して、アプリバーに上へボタン を提供します。ユーザーが上ボタンを選択すると、アプリは親アクティビティに移動します。

このページでは、Jetpack Navigation コンポーネントを使用して、アプリバーに「上へ」ボタンを追加する方法について説明します。詳細については、NavigationUI を使用して UI コンポーネントを更新するをご覧ください。

アプリバーを構成する

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);
  }