Seiten-Builder
Der Seiten-Builder ist das Herzstuck deiner App-Entwicklung. Mit ihm erstellst du komplette Seiten durch einfaches Drag & Drop - ganz ohne Programmierung.
Ubersicht
Abschnitt betitelt „Ubersicht“Der Seiten-Builder besteht aus zwei Hauptbereichen:
Seiten Studio
Abschnitt betitelt „Seiten Studio“Das Seiten Studio ist deine zentrale Schaltstelle fur alle Seiten deiner App.
Du erreichst das Seiten Studio uber die App Builder Tools - tippe auf “Seiten” oder das entsprechende Icon in der Toolbar.
Perspektiven
Abschnitt betitelt „Perspektiven“Das Seiten Studio bietet drei verschiedene Ansichten fur deine Seiten:
Die Deck-Ansicht zeigt deine Seiten als gestapelte Karten. Perfekt um schnell durch deine Seiten zu blattern.
- Wische horizontal um zwischen Seiten zu wechseln
- Doppeltippe um eine Seite zu bearbeiten
- Die aktive Seite wird hervorgehoben
Die Masonry-Ansicht zeigt alle Seiten in einem responsiven Raster.
- Ubersichtliche Darstellung aller Seiten
- Schneller Zugriff auf einzelne Seiten
- Ideal fur Projekte mit vielen Seiten
Die Timeline-Ansicht zeigt deine Seiten chronologisch.
- Sortiert nach Erstellungs- oder Anderungsdatum
- Zeigt die Entwicklung deines Projekts
- Hilfreich um kurzlich bearbeitete Seiten zu finden
Seiten-Aktionen
Abschnitt betitelt „Seiten-Aktionen“Fur jede Seite stehen dir folgende Aktionen zur Verfugung:
| Aktion | Beschreibung |
|---|---|
| Bearbeiten | Offnet den Seiten-Editor fur diese Seite |
| Duplizieren | Erstellt eine Kopie der Seite |
| Aktiv/Inaktiv | Schaltet die Sichtbarkeit der Seite um |
| Loschen | Entfernt die Seite dauerhaft |
Neue Seite erstellen
Abschnitt betitelt „Neue Seite erstellen“- Tippe auf das + Symbol in der Toolbar
- Gib einen Namen fur die Seite ein (mehrsprachig moglich)
- Tippe auf “Erstellen”
- Der Seiten-Editor offnet sich automatisch
Seiten-Editor
Abschnitt betitelt „Seiten-Editor“Der Seiten-Editor ist der visuelle Editor fur einzelne Seiten. Hier fugst du Widgets hinzu, ordnest sie an und konfigurierst jeden Aspekt.
Hauptbereiche
Abschnitt betitelt „Hauptbereiche“Der Seiten-Editor besteht aus:
| Bereich | Funktion |
|---|---|
| Header | Seitenname, Zuruck-Button, Einstellungen |
| Canvas | Die Arbeitsflache mit allen Widgets |
| Toolbar | Werkzeuge zum Hinzufugen, Speichern, Vorschau |
Die Toolbar
Abschnitt betitelt „Die Toolbar“Die Toolbar am unteren Bildschirmrand bietet folgende Funktionen:
| Button | Funktion |
|---|---|
| + Widget | Offnet die Widget-Auswahl |
| Vorschau | Aktiviert den Vorschau-Modus |
| Ruckgangig | Macht die letzte Aktion ruckgangig |
| Wiederholen | Stellt eine ruckgangig gemachte Aktion wieder her |
| Speichern | Speichert alle Anderungen |
Widget hinzufugen
Abschnitt betitelt „Widget hinzufugen“- Tippe auf + Widget in der Toolbar
- Wahle eine Kategorie (Struktur, Inhalt, Aktion)
- Tippe auf das gewunschte Widget
- Das Widget wird am Ende der Seite eingefugt
Mehr Details zu allen Widgets findest du unter Widgets.
Widget bearbeiten
Abschnitt betitelt „Widget bearbeiten“Um ein Widget zu bearbeiten:
- Tippen auf das Widget wahlt es aus (blaue Umrandung)
- Doppeltippen offnet die Einstellungen
- Langes Drucken zeigt das Kontextmenu
Das Kontextmenu bietet:
| Option | Beschreibung |
|---|---|
| Einstellungen | Offnet den Einstellungs-Dialog |
| Duplizieren | Erstellt eine Kopie des Widgets |
| Loschen | Entfernt das Widget |
| In Row einfugen | Gruppiert Widgets nebeneinander |
| Aus Row entfernen | Lost die Gruppierung auf |
Widgets anordnen
Abschnitt betitelt „Widgets anordnen“Du kannst Widgets per Drag & Drop neu anordnen:
- Halte das Widget gedruckt
- Ziehe es an die gewunschte Position
- Lass los um es zu platzieren
Seiteneinstellungen
Abschnitt betitelt „Seiteneinstellungen“Uber das Zahnrad-Icon im Header erreichst du die Seiteneinstellungen:
Hintergrund
Abschnitt betitelt „Hintergrund“| Typ | Beschreibung |
|---|---|
| Farbe | Einfarbiger Hintergrund |
| Gradient | Farbverlauf mit zwei Farben und Winkel |
| Bild | Hintergrundbild mit Anpassungsoptionen |
| Einstellung | Optionen |
|---|---|
| Layout-Typ | Vertikal (Standard), Grid |
| Spalten | Anzahl der Spalten bei Grid-Layout |
| Abstande | Abstande zwischen Widgets |
| Padding | Innenabstande der Seite (oben, rechts, unten, links) |
App Bar
Abschnitt betitelt „App Bar“| Einstellung | Beschreibung |
|---|---|
| Aktiviert | Zeigt/versteckt die App Bar |
| Titel | Der angezeigte Titel |
| Farbe | Hintergrundfarbe der App Bar |
Haufige Fragen
Abschnitt betitelt „Haufige Fragen“Wie erstelle ich ein mehrspaltes Layout?
Abschnitt betitelt „Wie erstelle ich ein mehrspaltes Layout?“Nutze das Row-System:
- Fuge mehrere Widgets hinzu
- Wahle ein Widget aus und wahle “In Row einfugen” im Kontextmenu
- Ziehe weitere Widgets in die Row
Mehr dazu unter Layouts.
Kann ich Widgets ineinander verschachteln?
Abschnitt betitelt „Kann ich Widgets ineinander verschachteln?“Ja! Du kannst Widgets in folgende Container ziehen:
- Cards - fur gruppierte Inhalte
- Tab Container - fur Inhalte pro Tab
- Accordion - fur Inhalte pro Panel
Die maximale Verschachtelungstiefe betragt 3 Ebenen.
Wie nutze ich den Dark Mode?
Abschnitt betitelt „Wie nutze ich den Dark Mode?“In den Widget-Einstellungen (Tab “Erweitert”) findest du einen Light/Dark Mode Toggle. Damit kannst du separate Farben fur beide Modi definieren.
Werden meine Anderungen automatisch gespeichert?
Abschnitt betitelt „Werden meine Anderungen automatisch gespeichert?“Wie kann ich eine Seite duplizieren?
Abschnitt betitelt „Wie kann ich eine Seite duplizieren?“Im Seiten Studio: Tippe auf das Menu-Icon (drei Punkte) bei der gewunschten Seite und wahle “Duplizieren”.