Code-Snippets
Kleine und größere Beispiel rund um Swift, SwiftUI und den Apple Frameworks.
Animationen
Alles Rund um Animationen in SwiftUI
Animierter Button mit Zustandswechsel
Beim ersten Klick ändert der Button seine Farbe von Blau zu Grün und vergrößert sich um 20 %. Bei...
Animierter Zähler
n diesem Beispiel wird ein animierter Zähler dargestellt. Die Zahl verändert sich mit einer fließ...
Drehendes Icon
Dieses Beispiel demonstriert, wie sich ein Symbol – in diesem Fall das Aktualisierungs-Icon – end...
Ein pulsierendes Herz
Hier wird ein pulsierendes Herz angezeigt, welches in Dauerschleife schlägt. Über die Duration ka...
Einen pulsierenden Button
Im folgenden Beispiel wird ein pulsierender Kreis als Button angezeigt. Dabei wird der Button um ...
Wechseln der Farbe
Hier wird ein Quadrat gezeichnet. Beim Starten wird das Rechteck in rot angezeigt. Durch einen Ta...
Phasen Animation
Das ist eine Phasen Animation von einem Kreis. Durch ändern der Phase wird der Kreis größer und w...
Fließende Übergänge zwischen Ansichten
Diese View zeigt eine Liste von Elementen an, wobei beim Wechsel zur Detailansicht ein sanfter Üb...
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
Farblich angepasste Statusanzeige
Das Steuern einer farblich abgesetzten Statusanzeige durch einen Slider. Der Bereich von 0% bis 1...
Benutzerdefinierter An/Aus Knopf
Eine andere Variante, wie ein An/Aus Knopf dargestellt werden kann. import SwiftUI struct Co...
Anzeige für einen leeren Zustand
Bietet eine native Benutzeroberfläche im leeren Zustand, die sich gut an verschiedene Plattformen...
Pickerverwendung als Segmentcontrolle
Hier wird gezeigt, wie ein Picker mit einzelnen Segmenten erstellt werden kann. import SwiftUI ...
Farbauswahldialog mit mehreren Optionen
Verwendung eines Farbauswahldialogs mit mehreren Optionen eine Farbe zu definieren. import Swift...
Ein Stepper mit Begrenzung
Ein Stepper mit der Begrenzung zwischen 1 und 10 um einen Wert zu definieren. import SwiftUI ...
Strukturierte Datenausgabe
Dieses Beispiel zeigt eine strukturierte Datenausgabe. import SwiftUI struct ContentView: Vie...
Umschalter mit erweiterter Beschriftung und Symbol
Kombiniert Text und Symbol in einer benutzerdefinierten Umschaltbeschriftung für mehr Übersichtli...
Eigener Button Style (Skalieren)
Erstellt einen eigenen Style für einen Button. Beim Anklicken wird der Button kleiner und geht au...
Gauge mit Gradient Style
Eine Gauge mit einem Farbverlauf von rot über gelb nach grün, passend zum Beispiel für eine Batte...
Accessible Toggle mit SwiftUI
Dieses Beispiel demonstriert die Verwendung eines barrierefreien Toggles in SwiftUI mit Label und...
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
Direktes Zeichnen auf der Oberfläche (Canvas)
In diesem einfachen Beispiel wird ein blauer Kreis direkt auf die Oberfläche gezeichnet. import ...
Benutzerdefiniertes Zeichnen einer Linie
Einfaches Canvas-Beispiel für benutzerdefiniertes Linienzeichnen mit dynamischen Größen. Über den...
Farbverlauf mit 4 Farben (AngularGardient)
Zeigt einen auf eine Form angewendeten Farbverlauf, ideal für visuelles Flair. import SwiftUI ...
Ein radialer Farbverlauf von innen nach außen.
Farbveraluf von Gelb über Orange nach Grün. Der Verlauf geht von innen nach außen. import SwiftU...
Animierte Pfadzeichnung mit Timer
Erstellt einen animierten Strichzeichnungseffekt mithilfe von Pfad- und zeitgesteuerten Statusakt...
Interaktive Diagramme
Diese SwiftUI-View zeigt ein interaktives Balkendiagramm, das Verkaufszahlen für verschiedene Pro...
Dynamische Infografiken
Diese View zeigt eine dynamische Infografik, die in Echtzeit auf Benutzereingaben oder externe Da...
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
Anpassbare Toolbar
Die Toolbar am oberen Rand kann ganz individuell gestaltet werden. In diesem Beispiel gibt es obe...
Multifunktionale Tabbar für das iPad
Die Tabbar kommt erst auf dem iPad so richtig zur Geltung. Je nachdem wie das iPad gedreht wird, ...
Ein Kontextmenü mit Vorschau
In diesem Beispiel wird gezeigt, wie ein Kontextmenü mit Vorschau erstellt wird. import SwiftUI ...
Ein Kontextmenü mit Aktion
Ein einfache Kontextmenü mit den entsprechenden Buttons und den Aktion dahinter. import SwiftUI ...
Rollen im Kontextmenü
Weist Schaltflächen in Menüs Rollen zu und unterstützt das System-Styling für destruktive Aktione...
Menüpunkte mit Badges in der Seitenleiste
Verwendet Abzeichen in einem Seitenleistenmenü und verbessert so die App-Navigation für Multitask...
Pulldown Menü in der Toolbar
Hier wird die Frage beantwortet, wie ich ein Pulldown Menü oben rechts in der Toolbar platzieren ...
Mehrstufiges Menü mit Untermenüs
Veranschaulicht verschachtelte Menüs für tiefere Interaktionshierarchien in kompakten Schnittstel...
Listeinträge mit Kontextmenü
Erstellt ein Kontextmenü für die Einträge einer Liste: import SwiftUI struct QuickActionMenuE...
Swipe Aktion für Listeinträge
Dieses Beispiel zeigt, wie man die Swipe Aktion nach links für das Löschen eines Eintrages ein ba...
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
Ein TabView wird zur PageTabView
Hier wird eine TabView zu einer PageView. Die Seiten können durch wischen nach rechts oder links ...
Präzises Scrollen in einer View
Hier wird die Frage beantwortet, wie in einer View das Scrollen verfeinert werden kann. import S...
Verwendung von FocusState
Demonstriert die Verwendung von @FocusState für eine bessere Tastaturflusssteuerung. import Swif...
Symboleffekt durch Buttonklick
Beim Anklicken des Buttons wird das Herz mit einem kurzen Effekt beweget. import SwiftUI str...
Glassmorphism mit Unschärfeeffekten und Benachrichtigungen im Dynamic-Island-Stil
Dieses Beispiel demonstriert Glassmorphism mit Unschärfeeffekten und Benachrichtigungen im Dynami...
Verfeinerte Popover-Positionierung
Demonstriert eine verfeinerte Popover-Positionierung mithilfe von attachmentAnchor und arrowEdge....
Eingabefocus automatisch setzen
Setzt den Focus automatisch auf das Textfeld, sobald es erscheint. Damit wird auch gleichzeitig d...
Wie erstelle ich einen einklappbaren Bereich (DisclosureGroup) in einem SwiftUI-Formular?
In SwiftUI kannst du dafür das DisclosureGroup-Element nutzen. Hier ein Beispiel, wie das umgeset...
Temporäres Benachrichtigungsbanner mit Animation
Dieses Beispiel zeigt, wie ein temporäres Benachrichtigungsbanner mit sanfter Animation in SwiftU...
Ausklappbares Karten Beispiel
Beschreibung Dieses Beispiel zeigt, wie du mit SwiftUI eine sogenannte „Expanding Card“ implement...
Zugänglichkeit verbessern
Diese View bietet eine benutzerfreundliche Oberfläche mit Fokus auf Zugänglichkeit für sehbehinde...
Benutzerfreundliche Farbauswahl
Diese View ermöglicht es Nutzern, auf einfache Weise individuelle Farbschemata für die App-Oberfl...
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.
Gestenunterstützung mit einem 3D Modell
Demonstriert die RealityKit-Modellinteraktion mit Gestenunterstützung unter Verwendung von Realit...
Gesichtsbewegungen verfolgen
Die Bewegung eines Gesichtes tracken und dazu einen Punkt auf das Gesicht legen. import SwiftUI ...
Button Effekt in VR
Zeigt einen Button in einem virtuellen Raum, der beim Anklicken einen entsprechenden Effekt bekom...
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...