Code-Snippets
Kleine und größere Beispiel rund um Swift, SwiftUI und den Apple Frameworks.
Animationen
Alles Rund um Animationen in SwiftUI
Spring-animierter Button mit Zustandswechsel
Beschreibung Diese View zeigt einen Button, der beim Tippen federnd skaliert und die Hintergrundf...
Animierter Zähler mit Übergangseffekt
Beschreibung Diese View zeigt einen Zähler, der beim Erhöhen mit einem animierten Übergang zwisch...
Endlos rotierendes Symbol
Beschreibung Diese View zeigt ein System-Symbol, das beim Erscheinen der View kontinuierlich roti...
Pulsierendes Herz-Symbol
Beschreibung Diese View zeigt ein Herzsymbol, das durch eine wiederholte Skalierungsanimation ein...
Pulsierender Call-to-Action Button
Beschreibung Diese View zeigt einen runden Call-to-Action Button, der kontinuierlich in der Größe...
Farbwechselndes Rechteck mit Tap-Geste
Beschreibung Diese View zeigt ein farbiges Rechteck, das bei jedem Tippen seine Farbe wechselt. D...
Pulsierender Kreis mit Größenanimation
Beschreibung Diese View zeigt einen Kreis, der seine Größe kontinuierlich vergrößert und verklein...
Fließende Übergänge zwischen Ansichten
Beschreibung Diese View zeigt eine Liste von Elementen an, wobei beim Wechsel zur Detailansicht e...
Interaktive Ladeanimationen
Beschreibung Diese View zeigt eine verspielte Ladeanimation mit mehreren Icons, die in einer krei...
Reaktive Statusanzeigen
Beschreibung Diese View zeigt einen reaktiven Statusindikator, der seinen Zustand basierend auf B...
Kontrollelemente
Alles rund um Kontrollelemente in SwiftUI
Kreisförmige Fortschrittsanzeige mit Steuerung
Beschreibung Diese View zeigt eine kreisförmige Fortschrittsanzeige (Gauge), die den aktuellen We...
Button Toggle für WiFi Status
Beschreibung Diese View zeigt einen Toggle im Buttonstil, der einen WiFi Status mit Symbol und Be...
Anzeige für leere Datenlisten
Beschreibung Diese View zeigt abhängig vom Inhalt einer Liste entweder die Elemente oder einen Pl...
Segmentierter Picker für Auswahloptionen
Beschreibung Diese View zeigt einen segmentierten Picker, mit dem der Nutzer zwischen verschieden...
Farbwahl im Formular
Beschreibung Diese View integriert einen ColorPicker in ein Formular, mit dem der Nutzer eine Far...
Stepper zur Mengenauswahl
Beschreibung Diese View zeigt einen Stepper, mit dem der Nutzer eine Menge zwischen 1 und 10 ausw...
Kontaktinformationen mit LabeledContent
Beschreibung Diese View stellt Kontaktinformationen in einem Formular dar und nutzt LabeledConten...
Benachrichtigungsschalter mit Symbolanzeige
Beschreibung Diese View stellt einen Schalter (Toggle) für Benachrichtigungen dar, bei dem sich d...
Skalierender Button mit ButtonStyle
Beschreibung Diese View zeigt einen Button mit einer benutzerdefinierten ButtonStyle-Implementier...
Batterieanzeige mit kreisförmigem Farbverlauf
Beschreibung Diese View zeigt den aktuellen Batteriestand als kreisförmige Gauge mit farbverlaufe...
Accessible Toggle mit SwiftUI
Beschreibung Dieses Beispiel demonstriert die Verwendung eines barrierefreien Toggles in SwiftUI ...
Circular Progress Bar
Beschreibung Die CircularProgressBar ist eine wiederverwendbare SwiftUI-Komponente, mit der du ei...
Swipeable Kartenansicht
Beschreibung Diese View zeigt einen Stapel von Karten, die Nutzer:innen nach links oder rechts wi...
Grafik
Alles rund um Grafik, wie zeichne ich, wie fülle ich etwas aus und vieles mehr in SwiftUI
Kreiszeichnung mit Canvas
Beschreibung Diese View nutzt das Canvas-API in SwiftUI, um eine einfache Form zu rendern. In der...
Horizontale Linie mit Canvas
Beschreibung Diese View nutzt das Canvas-API in SwiftUI, um eine horizontale Linie zu zeichnen. D...
Kreis mit Winkelverlauf
Beschreibung Diese View zeichnet einen Kreis, der mit einem AngularGradient gefüllt wird. Der Far...
Radialer Farbverlauf im Canvas
Beschreibung Diese View zeichnet mit dem Canvas eine Ellipse, die über einen radialen Farbverlauf...
Wachsender Linienpfad mit Timer
Beschreibung Diese View zeichnet eine horizontale Linie, die von links nach rechts anwächst. Ein ...
Interaktive Diagramme
Beschreibung Diese SwiftUI-View zeigt ein interaktives Balkendiagramm, das Verkaufszahlen für ver...
Dynamische Infografiken
Beschreibung Diese View zeigt eine dynamische Infografik, die in Echtzeit auf Benutzereingaben od...
Benutzerdefinierte Fortschrittsanzeige
Beschreibung Diese SwiftUI-View zeigt eine animierte, kreisförmige Fortschrittsanzeige mit Segmen...
Interaktive Kartenübersicht
Beschreibung Diese View zeigt eine interaktive Karte an, auf der Nutzer verschiedene Bereiche erk...
Adaptives Dashboard mit Widgets
Beschreibung Diese SwiftUI-View bietet ein adaptives Dashboard, auf dem Nutzer verschiedene Widge...
Dynamische Visualisierung von Benutzeraktivitäten
Beschreibung Diese View stellt Benutzeraktivitäten anschaulich als farbige Liniendiagramme dar un...
Dynamische Schatteneffekte
Beschreibung Diese View zeigt eine Liste von Karten an, deren Schatten sich dynamisch an die aktu...
Menü
Alle Arten von Menü in SwiftUI
Navigation mit Toolbar und Einstellungsbutton
Beschreibung Diese View zeigt eine Navigationsoberfläche mit Titel und zwei Steuerelementen in de...
Tab-Navigation mit Sidebar-Anpassung
Beschreibung Diese View implementiert eine Tab-Navigation mit zwei Bereichen für Home und Setting...
Kontextmenü mit Vorschau für Symbol
Beschreibung Diese View zeigt ein SF Symbol, das beim langen Drücken ein Kontextmenü öffnet. Das ...
Kontextmenü für Fotoaktionen
Beschreibung Diese View zeigt ein Bildsymbol, das beim langen Drücken ein Kontextmenü mit häufige...
Optionen-Menü mit Aktionen
Beschreibung Diese View zeigt ein einfaches Menü mit zwei Aktionen: Aktualisieren und Löschen. Ei...
Sidebar-Navigation mit Badge
Beschreibung Diese View nutzt NavigationSplitView, um eine Sidebar mit zwei Bereichen bereitzuste...
Optionsmenü in der Navigationsleiste
Beschreibung Diese View zeigt eine Hauptansicht in einem NavigationStack mit einem Menü in der ob...
Verschachteltes Optionsmenü
Beschreibung Diese View zeigt ein Optionsmenü mit verschachtelten Einträgen. Neben direkten Aktio...
Kontextmenü für Aufgabenliste mit Schnellaktionen
Beschreibung Diese View zeigt eine Aufgabenliste, in der Du per langem Druck auf einen Eintrag ei...
Liste mit Swipe-Aktionen zum Löschen
Beschreibung Diese View zeigt eine Aufgabenliste, in der Einträge über eine Wischgeste nach links...
Beispiel für ein Icon-basiertes Menü mit Menu und System-Icons
Beschreibung Dieses SwiftUI-Codebeispiel zeigt, wie ein einfaches Menü mit Symbolen (System-Icons...
Radiale Menüansicht
Diese View zeigt ein zentrales Menü, das beim Antippen radial aufgefächert wird. Um den Hauptbutt...
Dynamisches Filtermenü
Beschreibung Diese View bietet ein dynamisches Filtermenü, mit dem Nutzer Inhalte anhand mehrerer...
Intelligentes Menü mit Vorhersage
Beschreibung Diese View bietet ein intelligentes Suchmenü mit Autovervollständigung basierend auf...
Oberfläche UI/UX
Alles rund um die Bedienung und Oberfläche in SwiftUI
Paged Tab-Navigation für Basis-App
Beschreibung Diese View stellt eine einfache Tab-Navigation mit zwei Seiten bereit und verwendet ...
Scrollbare Liste mit präziser Ausrichtung
Beschreibung Diese View zeigt eine lange, vertikal scrollbare Liste von Elementen mit gleichmäßig...
Login-Formular mit Fokussteuerung
Beschreibung Diese View bietet ein einfaches Formular mit Eingabefeldern für Benutzername und Pas...
Symbol-Animation mit Toggle
Beschreibung Diese View zeigt ein Symbol, das durch eine Animationseffekt (.bounce) hervorgehoben...
Glassmorphism-Karte mit Benachrichtigungseffekt
Beschreibung Diese View kombiniert ein modernes Kartenlayout im Glassmorphism-Stil mit einem simu...
Popover mit Zusatzinformationen
Beschreibung Diese View zeigt einen Button, der beim Anklicken ein Popover mit zusätzlichen Infor...
Textfeld mit automatischem Fokus
Beschreibung Diese View zeigt ein Textfeld, das beim Erscheinen der View automatisch den Fokus er...
Einklappbare Form-Sektion für Einstellungen
Beschreibung Diese View zeigt ein Formular mit einer aufklappbaren Sektion, die zusätzliche Inhal...
Animiertes Erfolgsbanner
Beschreibung Diese View zeigt beim Auslösen einer Aktion ein Banner am oberen Bildschirmrand an, ...
Expandierende Karte mit Federanimation
Beschreibung Diese View zeigt eine Karte, die zwischen kompakter und erweiterter Höhe umschaltet....
Zugänglichkeit verbessern
Beschreibung Diese View bietet eine benutzerfreundliche Oberfläche mit Fokus auf Zugänglichkeit f...
Benutzerfreundliche Farbauswahl
Beschreibung Diese View ermöglicht es Nutzern, auf einfache Weise individuelle Farbschemata für d...
Dynamische Farbthemen
Beschreibung Diese View ermöglicht es Nutzer:innen, dynamisch zwischen hellen und dunklen Farbthe...
Virtual Reality & Argument Reality
Alles rund um VR & AR vom iPhone übers iPad bis hin zur Vision Pro und alles in SwiftUI.
Interaktive 3D-Sphäre in RealityView
Beschreibung Diese View zeigt eine 3D-Sphäre in einer RealityKit-Szene innerhalb von SwiftUI. Die...
Face-Tracking Overlay mit ARKit
Beschreibung Diese View integriert eine ARKit-gestützte Gesichtserkennung in SwiftUI. Über ARSCNV...
RealityView mit interaktivem Overlay-Button
Beschreibung Diese View zeigt eine einfache 3D-Box in einer RealityKit-Szene und kombiniert sie m...
Rotierende 3D-Box mit RealityKit
Beschreibung Dieses Beispiel zeigt, wie du mit SwiftUI und RealityKit eine einfache 3D-Box render...
Interaktion
Hier sind Beispiele für die Interaktionen innerhalb halb einer App, wie alternativen zur normalen...