Bottom Navigation Editor

Der Bottom Navigation Editor gibt dir volle Kontrolle über die untere Navigationsleiste deiner App. Du kannst das Design, die Anordnung, Animationen und sogar einen Floating Action Button (FAB) vollständig anpassen.

Übersicht

Der Editor ist in drei Hauptbereiche unterteilt:

Hintergrund Farben, Gradienten, Layout, Indikator und Animationen der Navigationsleiste

Navigation Items Icons, Labels, Farben, Container und Aktionen der einzelnen Elemente

Floating Action Button Der zentrale Aktions-Button mit Speed Dial, Menü und vielen Optionen

Editor öffnen

Öffne den Edit Mode in deiner App (App Builder Tools)
Tippe auf die Bottom Navigation am unteren Bildschirmrand
Der Editor öffnet sich mit einer Live-Vorschau

Editor-Oberfläche

Die Toolbar am oberen Rand bietet folgende Funktionen:

Button	Funktion
Vorlagen	Öffnet die Template-Galerie mit vorgefertigten Designs
Element hinzufügen	Fügt ein neüs Item oder FAB hinzu
Hell/Dunkel	Wechselt zwischen Light und Dark Mode zur Vorschau
Vorschau	Zeigt die Navigation ohne Bearbeitungs-Indikatoren
Neuordnen	Aktiviert Drag & Drop zum Umordnen der Items
Einstellungen	Öffnet die allgemeinen Navigations-Einstellungen
Speichern	Speichert alle Änderungen (mit Dropdown für “Als Vorlage speichern”)

Live-Vorschau

In der Mitte siehst du eine Live-Vorschau deiner Bottom Navigation:

Tippen: Öffnet das Bearbeitungs-Panel für das Element
Lange tippen: Zeigt das Kontextmenü mit weiteren Optionen
Ziehen (im Neuordnen-Modus): Ändert die Reihenfolge der Items

Smart Panel

Das Smart Panel erscheint am unteren Bildschirmrand, wenn du ein Element ausgewählt hast. Es enthält verschiedene Tabs je nach ausgewähltem Element:

Wenn du auf den Hintergrund der Navigation tippst:

Stil: Farben, Gradient, Rahmen, Effekte
Layout: Höhe, Padding, Item-Ausrichtung, Schwebender Modus
Indikator: Typ, Position, Farbe, Animation
Verhalten: Ein-/Ausblenden Animation, Auswahl-Animation

Elemente verwalten

Items hinzufügen

Tippe auf Element hinzufügen in der Toolbar
Wähle Navigation Item oder Floating Action Button
Das neü Element erscheint in der Navigation
Tippe darauf, um es zu bearbeiten

Items sortieren

Aktiviere den Neuordnen-Modus in der Toolbar
Halte ein Item gedrückt und ziehe es an die gewünschte Position
Lasse los, um die neü Position zu bestätigen
Deaktiviere den Neuordnen-Modus, wenn du fertig bist

Kontextmenü

Halte ein Element lange gedrückt, um das Kontextmenü zu öffnen:

Aktion	Beschreibung
Bearbeiten	Öffnet das Smart Panel für das Element
Item danach hinzufügen	Fügt ein neüs Item nach diesem ein
Duplizieren	Erstellt eine Kopie des Elements
Löschen	Entfernt das Element nach Bestätigung

Light und Dark Mode

Alle Farbeinstellungen können separat für Light Mode und Dark Mode konfiguriert werden:

Öffne das Bearbeitungs-Panel eines Elements
Nutze den Light/Dark Mode Toggle oben im Panel
Alle Farbeinstellungen zeigen nun die Werte für den gewählten Modus
Ändere die Farben nach Wunsch

Vorlagen verwenden

Die Template-Galerie bietet vorgefertigte Designs als Ausgangspunkt:

Tippe auf Vorlagen in der Toolbar
Durchsuche die verfügbaren Templates nach Kategorien
Tippe auf ein Template für eine Vorschau
Bestatige mit Anwenden

Verfügbare Vorlagen

Template	Beschreibung
Klassisch	Traditionelles Material Design
Klassisch mit FAB	Material Design mit FAB Notch
Material You	Modernes Design mit Pill-Indikator
Schwebend	Floating Pill-Design mit Rahmen
Glassmorphismus	Frosted Glass mit Transparenz und Blur
iOS Stil	Minimalistisch mit Blur-Effekt
Bold Gradient	Auffälliger Farbverlauf
Minimal Monochrome	Extrem reduziert, schwarz/weiss
Lebhaft	Farbenfroh mit starken Animationen

Eigene Vorlage speichern

Gestalte deine Navigation nach Wunsch
Tippe auf den Pfeil neben dem Speichern-Button
Wähle Als Vorlage speichern
Gib einen Namen für deine Vorlage ein
Die Vorlage erscheint in der Template-Galerie unter “Eigene”

Speichern

Tippe auf Speichern in der Toolbar, um deine Änderungen zu sichern. Die Änderungen werden sofort in der ISAR-Datenbank gespeichert und sind beim nächsten App-Start verfügbar.

Tipps

Häufige Fragen

Wie viele Items kann ich hinzufügen?

Mit einem FAB sind maximal 4 Items möglich, ohne FAB sind es 5 Items. Diese Limits stellen sicher, dass die Navigation auf allen Bildschirmgrößen gut bedienbar bleibt.

Kann ich den FAB entfernen?

Ja! Halte den FAB lange gedrückt und wähle “FAB entfernen” im Kontextmenü. Du kannst ihn jederzeit über “Element hinzufügen” wieder hinzufügen.

Warum sehe ich manche Einstellungen nicht?

Einige Einstellungen erscheinen nur unter bestimmten Bedingungen:

Notch: Nur wenn FAB angedockt und erhöt ist
Blur-Intensität: Nur wenn Glassmorphism aktiviert ist
Label-Einstellungen: Nur wenn “Label anzeigen” aktiviert ist
Speed Dial: Nur wenn “Speed Dial” als Aktionstyp gewählt ist
Eckenradius bei FAB: Nur bei der Form “Abgerundet”

Wie funktioniert der Dark Mode Toggle im Panel?

Der Toggle oben im Panel wechselt zwischen Light Mode und Dark Mode Bearbeitungsmodus. Du bearbeitest damit die Farben für den jeweiligen Modus, unabhängig davon, welchen Modus die App gerade anzeigt.

Warum ist der “Element hinzufügen” Button deaktiviert?

Die maximale Anzahl an Items ist erreicht. Mit FAB sind maximal 4 Items erlaubt, ohne FAB maximal 5.

Wie setze ich alle Einstellungen zurück?

Wende die “Klassisch”-Vorlage an, um zu den Standard-Einstellungen zurückzukehren.

Weiterführende Themen

Hintergrund konfigurieren Alle Optionen für Farben, Layout, Indikator und Animationen

Items anpassen Icons, Labels, Container und Verhalten der Navigation Items

FAB einrichten Stil, Position und Verhalten des Floating Action Buttons

Theme Suite Globale Farben und Stile für deine App