Aufwärtsaktion hinzufügen

Nutzer brauchen eine einfache Möglichkeit, zum Hauptbildschirm Ihrer App zurückzukehren. Fügen Sie dazu in der App-Leiste die Schaltfläche Nach oben für alle Aktivitäten außer der Hauptaktivität ein. Wenn der Nutzer die Schaltfläche „Nach oben“ auswählt, wechselt die App zur übergeordneten Aktivität.

Auf dieser Seite wird beschrieben, wie Sie mit der Jetpack-Navigationskomponente eine Schaltfläche nach oben zu einer App-Leiste hinzufügen. Eine ausführlichere Erläuterung finden Sie unter UI-Komponenten mit NavigationUI aktualisieren.

App-Leiste konfigurieren

Konfigurieren Sie die App-Leiste mit einer AppBarConfiguration. Über AppBarConfiguration können Sie die App-Leiste für Ihre Ziele der obersten Ebene konfigurieren. Wenn die Navigationsleiste konfiguriert ist, wird bei Zielen auf oberster Ebene in der App-Leiste das Symbol für das Menü der Leiste angezeigt. Wenn die Navigationsleiste nicht konfiguriert ist, ist die Navigationsschaltfläche auf Zielen auf oberster Ebene ausgeblendet.

In beiden Fällen wird die Schaltfläche Nach oben an allen anderen Zielen angezeigt. Wenn Sie die Nach-oben-Taste drücken, wird navigateUp() aufgerufen.

Das folgende Beispiel zeigt, wie eine App-Leiste mit AppBarConfiguration konfiguriert wird:

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

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