Search Results

Setzt den Focus automatisch auf das Textfeld, sobald es erscheint. Damit wird auch gleichzeitig die Tastatur angezeigt um mit der Eingabe zu starten. import SwiftUI struct AutofocusTextFieldExample: View { @State private var input = "" @FocusStat...

Erstellt einen eigenen Style für einen Button. Beim Anklicken wird der Button kleiner und geht automatisch wieder auf die Ausgangsgröße zurück. import SwiftUI struct CustomScalingButton: ButtonStyle { func makeBody(configuration: Configuration) -> som...

Eine Gauge mit einem Farbverlauf von rot über gelb nach grün, passend zum Beispiel für eine Batterienazeige. import SwiftUI struct GaugeGradientExample: View { @State private var batteryLevel = 0.7 var body: some View { VStack { ...

Dieses Beispiel zeigt, wie man die Swipe Aktion nach links für das Löschen eines Eintrages ein baut. import SwiftUI struct SwipeActionMenuExample: View { @State private var tasks = ["Buy Milk", "Reply Emails", "Call Mom"] var body: some View { ...

In SwiftUI kannst du dafür das DisclosureGroup-Element nutzen. Hier ein Beispiel, wie das umgesetzt wird: import SwiftUI struct CollapsibleFormSectionExample: View { @State private var isExpanded = false var body: some View { Form { ...

Dieses Beispiel zeigt, wie ein temporäres Benachrichtigungsbanner mit sanfter Animation in SwiftUI implementiert wird. Nach einem Button-Tap erscheint das Banner „✅ Task completed“ und verschwindet automatisch nach 2 Sekunden wieder. 🎯 Anwendungsfälle Benutz...

Dieses Beispiel demonstriert die Verwendung eines barrierefreien Toggles in SwiftUI mit Label und einer dynamischen Systemgrafik. Es eignet sich ideal für Apps mit Fokus auf Zugänglichkeit und guter Nutzerführung. 🔍 Zweck Dieses Beispiel zeigt, wie ein Toggle...

Beschreibung Dieses SwiftUI-Codebeispiel zeigt, wie ein einfaches Menü mit Symbolen (System-Icons) und verschiedenen Aktionen in einer iOS-App implementiert wird. Das Menü erscheint als Icon und enthält Buttons für verschiedene Aktionen, z. B. „Teilen“ und „Lö...

Beschreibung Dieses Beispiel zeigt, wie du mit SwiftUI und RealityKit eine einfache 3D-Box renderst, die sich kontinuierlich um eine benutzerdefinierte Achse dreht. Es werden SwiftUI-View und ein RealityKit-ModelEntity kombiniert, wobei die Rotation durch eine...

Beschreibung Dieses Beispiel zeigt, wie du mit SwiftUI eine sogenannte „Expanding Card“ implementieren kannst. Die Karte kann durch einen Button vergrößert oder verkleinert werden, wobei eine federnde Animation für ein flüssiges Nutzererlebnis sorgt. Diese Tec...

Beschreibung Die CircularProgressBar ist eine wiederverwendbare SwiftUI-Komponente, mit der du einen animierten, kreisförmigen Fortschrittsbalken inklusive Prozentanzeige erstellen kannst. Sie eignet sich für Lade-, Download- oder Status-Visualisierungen in iO...

Diese View zeigt ein zentrales Menü, das beim Antippen radial aufgefächert wird. Um den Hauptbutton gruppieren sich mehrere Menüoptionen kreisförmig, die durch Antippen auswählbar sind. Das Layout bietet eine eindrucksvolle und intuitive Möglichkeit zur Naviga...

Diese View zeigt eine Liste von Elementen an, wobei beim Wechsel zur Detailansicht ein sanfter Übergang mit Skalierungs- und Ausblendanimation verwendet wird. Die Animation sorgt für ein nahtloses Benutzererlebnis beim Navigieren zwischen Listen- und Detailans...

Diese SwiftUI-View zeigt ein interaktives Balkendiagramm, das Verkaufszahlen für verschiedene Produkte visualisiert. Nutzer können auf einzelne Balken tippen, um detaillierte Informationen zu den jeweiligen Verkaufswerten anzuzeigen. 🔍 Zweck Analyse von Verka...

Diese View bietet eine benutzerfreundliche Oberfläche mit Fokus auf Zugänglichkeit für sehbehinderte Personen. Nutzer können Schriftgröße, Farbschema (inklusive Hochkontrast) sowie VoiceOver-Einstellungen individuell anpassen. Ein eingebautes Einstellungs-Pane...

Diese View ermöglicht es Nutzern, auf einfache Weise individuelle Farbschemata für die App-Oberfläche zu wählen. Während der Auswahl wird das gewählte Farbschema in einer Live-Vorschau angezeigt, sodass Nutzer sofort sehen, wie sich ihre Wahl auf das App-Desig...

Diese View zeigt eine dynamische Infografik, die in Echtzeit auf Benutzereingaben oder externe Datenquellen reagiert. Durch animierte Grafikelemente werden Veränderungen optisch hervorgehoben und der Fortschritt anschaulich visualisiert. 🔍 Zweck Darstellung d...