Stil-Einstellungen

Der Stil-Tab enthält alle visuellen Einstellungen für deine AppBar. Hier gestaltest du das Aussehen der Navigationsleiste.

Sichtbarkeit

Die erste Einstellung bestimmt, ob die AppBar überhaupt angezeigt wird.

AppBar anzeigen

Einstellung	Beschreibung
Was es macht	Blendet die gesamte AppBar ein oder aus
Optionen	Ein / Aus (Toggle)
Auswirkung	Bei “Aus” wird die Seite ohne AppBar angezeigt

Logo

Du kannst ein Logo anstelle des Titels in der AppBar anzeigen.

Logo verwenden

Einstellung	Beschreibung
Was es macht	Ersetzt den Text-Titel durch ein Bild/Logo
Optionen	Ein / Aus (Toggle)
Auswirkung	Bei “Ein” wird das Logo angezeigt, bei “Aus” der Titel-Text

Logo hochladen

Wenn “Logo verwenden” aktiviert ist, erscheint der Upload-Bereich:

Tippe auf den Upload-Bereich
Wähle ein Bild aus deiner Galerie oder nimm ein Foto
Das Logo wird automatisch komprimiert und gespeichert
Die Vorschau zeigt das Logo sofort in der AppBar

Logo-Größe

Einstellung	Beschreibung	Werte
Logo-Höhe	Vertikale Größe des Logos	20 - 100 px
Logo-Breite	Horizontale Größe (0 = automatisch)	0 - 200 px
Ecken-Abrundung	Rundet die Logo-Ecken ab	0 - 50 px

Voreinstellungen für Logo-Höhe: 20, 32, 40, 56, 72, 100 px

Voreinstellungen für Logo-Breite: 0 (Auto), 40, 80, 120, 160, 200 px

Voreinstellungen für Ecken-Abrundung: 0, 4, 8, 12, 16, 24, 50 px

Logo-Anpassung

Einstellung	Beschreibung
Logo-Anpassung (Fit)	Wie das Bild in den verfügbaren Platz eingepasst wird
Logo-Ausrichtung	Position des Logos innerhalb des Containers

Fit-Optionen

Option	Beschreibung
Contain	Logo vollständig sichtbar, behält Seitenverhältnis
Cover	Füllt den Raum, schneidet ggf. ab
Fill	Streckt das Logo auf die volle Größe
Fit Height	Passt die Höhe an, Breite proportional
Fit Width	Passt die Breite an, Höhe proportional
None	Zeigt das Logo in Originalgröße
Scale Down	Wie Contain, vergrößert aber nicht

Ausrichtungs-Optionen

Option	Position
Mitte	Zentriert im Container
Links	Links ausgerichtet
Rechts	Rechts ausgerichtet
Oben Links	Oben links
Oben Mitte	Oben mittig
Oben Rechts	Oben rechts
Mitte Links	Vertikal zentriert, links
Mitte Rechts	Vertikal zentriert, rechts
Unten Links	Unten links
Unten Mitte	Unten mittig
Unten Rechts	Unten rechts

Höhe

Die Höhe der gesamten AppBar.

Einstellung	Beschreibung	Werte
Höhe	Vertikale Größe der AppBar	40 - 100 px

Voreinstellungen: 40, 48, 56 (Standard), 64, 72, 100 px

Hintergrund

Farbverlauf oder Farbe

Du kannst zwischen einer einfachen Hintergrundfarbe oder einem Farbverlauf (Gradient) wählen.

Gradient-Picker

Der Gradient-Picker bietet folgende Optionen:

Einstellung	Beschreibung
Farbverlauf verwenden	Aktiviert den Gradient-Modus
Gradient-Typ	Linear, Radial oder Sweep
Farben	Mehrere Farben für den Verlauf
Stops	Position jeder Farbe im Verlauf
Richtung	Start- und Endpunkt des Verlaufs

Gradient-Typen

Typ	Beschreibung
Linear	Gerader Verlauf von Punkt A nach B
Radial	Kreisförmiger Verlauf vom Zentrum nach außen
Sweep	Kreisförmiger Verlauf um das Zentrum herum

Hintergrundfarbe

Wenn kein Gradient aktiviert ist, zeigt diese Sektion die einfache Farbauswahl:

Wähle mit dem Light/Dark Toggle den Modus (Hell oder Dunkel)
Tippe auf die Farbvorschau
Wähle eine Farbe im Color-Picker
Die Vorschau aktualisiert sich sofort

Titel zentrieren

Einstellung	Beschreibung
Was es macht	Zentriert den Titel horizontal in der AppBar
Optionen	Ein / Aus (Toggle)
Auswirkung	Bei “Ein” ist der Titel mittig, bei “Aus” links nach dem Zurück-Button

Zurück-Button

Einstellung	Beschreibung
Was es macht	Zeigt/versteckt den Zurück-Pfeil
Optionen	Ein / Aus (Toggle)
Auswirkung	Bei “Aus” wird kein Zurück-Button angezeigt

Schatten (Elevation)

Elevation

Einstellung	Beschreibung	Werte
Elevation	Stärke des Schattens unter der AppBar	0 - 16

Voreinstellungen: 0 (kein Schatten), 2, 4 (Standard), 8, 12, 16

Schattenfarbe

Einstellung	Beschreibung
Was es macht	Bestimmt die Farbe des Schattens
Light/Dark Toggle	Separate Farben für beide Modi

Typografie

Schriftgröße Titel

Einstellung	Beschreibung	Werte
Schriftgröße	Größe des Titel-Textes	12 - 32 px

Voreinstellungen: 12, 16, 18, 20 (Standard), 24, 28, 32 px

Buchstabenabstand

Einstellung	Beschreibung	Werte
Letter Spacing	Abstand zwischen Buchstaben	-2 bis +10 px

Voreinstellungen: -2, -1, 0 (Standard), 1, 2, 4, 6 px

Schriftstärke

Option	Beschreibung
Thin (100)	Sehr dünn
Extra Light (200)	Extra leicht
Light (300)	Leicht
Normal (400)	Standard
Medium (500)	Mittel
Semi Bold (600)	Halbfett
Bold (700)	Fett
Extra Bold (800)	Extra fett
Black (900)	Schwarz/Schwer

Schriftstil

Option	Beschreibung
Normal	Aufrechte Schrift
Italic	Kursive Schrift

Schriftart

Wähle aus über 1000 Google Fonts:

Tippe auf das Schriftart-Feld
Ein Picker mit Suchfeld öffnet sich
Suche nach einer Schriftart oder scrolle durch die Liste
Jede Schriftart wird in ihrem eigenen Stil angezeigt
Tippe auf eine Schriftart, um sie auszuwählen

Titelfarbe

Einstellung	Beschreibung
Was es macht	Farbe des Titel-Textes
Light/Dark Toggle	Separate Farben für beide Modi

Eckenradius

Die unteren Ecken der AppBar können abgerundet werden.

Radius unten links

Einstellung	Beschreibung	Werte
Radius	Abrundung der unteren linken Ecke	0 - 50 px

Voreinstellungen: 0 (eckig), 8, 16, 24, 32, 50 px

Radius unten rechts

Einstellung	Beschreibung	Werte
Radius	Abrundung der unteren rechten Ecke	0 - 50 px