Skip to content

Gallery-Editor

Der Gallery-Editor gibt dir die volle Kontrolle über deine Bildergalerie. Du bestimmst das Layout, die Farben, welche Funktionen verfügbar sind und wo die Bilder gespeichert werden.

Der Editor ist in sechs Bereiche (Tabs) unterteilt:


  1. Öffne den Edit Mode in deiner App (App Builder Tools)
  2. Gehe zu Module & Features
  3. Tippe auf Galerie und dann auf Bearbeiten oder Galerie-Editor
  4. Der Editor öffnet sich mit einer Live-Vorschau

Am oberen Rand findest du sechs Tabs, die du durch Tippen oder Wischen wechseln kannst:

TabWas du hier einstellst
LayoutLayout-Typ, Spaltenanzahl, Abstände, Templates
AussehenFarben für Light und Dark Mode
FeaturesLightbox, Zoom, Download, Teilen
OrganisationKategorien und Tags
NavigationSwipe-Gesten und Buttons in der Lightbox
SpeicherLokaler oder Cloud-Speicher, Limits

Über den Tabs siehst du eine Vorschau deiner Galerie. Jede Änderung wird sofort sichtbar.

Die Vorschau zeigt:

  • Das aktuelle Layout (Grid, Masonry oder Carousel)
  • Beispielbilder mit deinen Einstellungen
  • Eckenradius und Abstände
  • Aktuelle Farben (Light oder Dark Mode)

Alle Änderungen werden automatisch gespeichert. Du musst nichts extra tun - sobald du etwas änderst, wird es gespeichert und in der Live-Vorschau angezeigt.


Der Gallery-Editor bietet vorgefertigte Design-Vorlagen als Ausgangspunkt:

VorlageBeschreibung
MinimalGrid-Layout, keine Abstände, keine Eckenradien
PinterestMasonry-Layout mit abgerundeten Ecken und Abständen
InstagramGrid mit 3 Spalten, minimale Abstände
CarouselHorizontaler Slider mit Auto-Play

Du kannst die Farben deines globalen App-Themes automatisch auf die Galerie übertragen:

  1. Öffne den Aussehen-Tab
  2. Tippe auf App-Theme anwenden
  3. Die Farben aus der Theme Suite werden übernommen

Das übernimmt:

  • Hintergrund- und Oberflächenfarben
  • Kartenfarben
  • Eckenradius aus dem Theme

Die Galerie unterstützt separate Farben für Light und Dark Mode:

  1. Öffne den Aussehen-Tab
  2. Nutze den Toggle oben, um zwischen Light und Dark zu wechseln
  3. Passe die Farben für den jeweiligen Modus an
  4. Alle Änderungen werden automatisch gespeichert

Falls du alle Einstellungen zurücksetzen möchtest:

  1. Tippe auf das Zurücksetzen-Symbol oben rechts
  2. Bestätige die Warnung
  3. Alle Einstellungen werden auf die Standardwerte zurückgesetzt


Änderungen werden automatisch gespeichert! Sobald du etwas änderst, wird es in der Datenbank gespeichert.

Einzelne Änderungen können nicht rückgängig gemacht werden. Du kannst aber jederzeit auf die Standardeinstellungen zurücksetzen oder eine Vorlage anwenden.

Das hängt von deinem App-Stil und den Inhalten ab:

  • Grid - Einheitliches Raster, gut für alle Bildtypen
  • Masonry - Pinterest-Stil, gut für Bilder mit unterschiedlichen Höhen
  • Carousel - Slider, gut für Highlights oder Hero-Bilder

Was ist der Unterschied zwischen lokalem und Cloud-Speicher?

Section titled “Was ist der Unterschied zwischen lokalem und Cloud-Speicher?”
  • Lokal - Bilder werden in der App gespeichert. Schnell, offline verfügbar, aber erhöht die App-Größe.
  • Cloud - Bilder werden in Firebase Storage gespeichert. Dynamisch änderbar, aber Internet erforderlich.

Cloud-Speicher erfordert ein aktives Firebase-Modul. Stelle sicher, dass Firebase in deiner App eingerichtet ist.