Skip Showcase

Skip Showcase ist ein umfassender, interaktiver Katalog von Benutzeroberflächenkomponenten, die mit Skip, dem plattformübergreifenden Entwicklungstool, erstellt wurden. Mit Skip können Sie eine App in Swift und SwiftUI schreiben und sie nativ sowohl unter iOS als auch unter Android ausführen.

Diese App ist vollständig in Swift und SwiftUI geschrieben. Unter iOS läuft sie als standardmäßige native SwiftUI-App. Unter Android wird derselbe Swift-Code nativ mit dem offiziellen Swift SDK für Android kompiliert, und das SkipUI-Framework von Skip übersetzt SwiftUI-Ansichten in Jetpack Compose, wodurch ein authentisch natives Android-Erlebnis entsteht.

Skip Showcase ist ideal, um Aussehen und Verhalten von SwiftUI-Komponenten auf beiden Plattformen zu vergleichen. Jeder Bildschirm der App basiert auf demselben Swift-Quellcode, der sowohl unter iOS als auch unter Android ausgeführt wird. So können Sie genau sehen, wie Skip SwiftUI auf native Android-Steuerelemente abbildet.

Die App deckt eine Vielzahl von SwiftUI-Funktionen ab, darunter:

UI-Steuerelemente: Schaltfläche, Umschalter, Schieberegler, Stepper, Auswahlfeld, Datumsauswahlfeld, Textfeld, sicheres Feld, Texteditor, Menü und mehr.

Layout: Stapelansichten (HStack, VStack, ZStack), Raster, Formular, Liste, ScrollView, Abstandshalter, Geometrieleser, Ansicht, die passt, sicherer Bereich und Rahmen.

Navigation: Navigationsstapel, Registerkartenansicht, Blatt, Bestätigungsdialog, Warnmeldung, Symbolleiste, Offenlegungsgruppe und Link.

Grafik und Effekte: Form-, Farbverlaufs-, Schatten-, Weichzeichnungs-, Mischmodus-, Masken-, Überlagerungs-, Rahmen-, Animations-, Übergangs-, Transformations- und Farbeffekte.

Daten und Status: @State, @Observable, @Environment, Einstellungstasten, Fokusstatus, Szenenphase, Speicher, Timer und Benachrichtigung.

Text und Medien: Textformatierung, SF-Symbole, Bild, Videoplayer, Lottie-Animationen und Lokalisierung.

Plattformintegration: Haptisches Feedback, Tastaturbedienung, Zwischenablage, Teilen-Link, Suchfunktion, WebView, Karte, SQL-Datenbank, Schlüsselbund, Dokumentenauswahl und Webauthentifizierung.

Benutzerdefinierte Compose-Ansichten: Zeigt, wie Sie benutzerdefinierte Jetpack Compose-Ansichten mithilfe der ComposeView-Schnittstelle von Skip direkt in SwiftUI-Code einbetten.

Skip Showcase ist Open Source. Im Quellcode unter https://github.com/skiptools/skipapp-showcase-fuse finden Sie Informationen zur Implementierung der einzelnen Komponenten.

Mehr über Skip erfahren Sie unter https://skip.dev