SwiftUI Examples Projects
Examples projects using SwiftUI & Combine.
Include Layout, UI, Animations, Gestures, Draw and Data. See projects files in Examples folder. If you have project, make a pull request or create issue with link to repo.
Interested in UI and animations in UIKit?
See awesome-ios-ui pack with UI elements:
If you like the project, do not forget to put star ★
Navigate
- Animatable Cards
- Area to Card
- Transition And Blur
- 2048 Game
- SFSymbols
- Calculator
- Creating And Combining Views
- Building Lists And Navigation
- Handling User Input
- WWDCPlayer
- Composing Complex Interfaces
- Working With UIControls
- Example To-Do App
- iPadOS Scenes
- Combine using GitHub API
- Async image loading
- Interfacing With UIKit
- GitHub Search
- Time Travel
- Drawing Paths And Shapes
- Animating Views And Transitions
- Jike
- Flux
- SwiftUI Download Progress View
- PureGenius
- SwiftUI SideMenu
Also include:
- Movie
- InstaFake
- TempusRomanumII
- SwiftUI + Redux
- React Meets SwiftUI
- Webview
- UINote
- SplitView
- Card Animation
Animatable Cards
Gester
In class add property:
@GestureState var dragState = DragState.inactive
Class DragState see in file. Also you can see it in apple's example page.
To card add gester and offset:
.offset(
x: dragState.translation.width,
y: dragState.translation.height
)
.gesture(dragGester)
3D
For add 3D rotation for back cards use code:
.rotation3DEffect(Angle(degrees: dragState.isActive ? 0 : 60), axis: (x: 10.0, y: 10.0, z: 10.0))
For medium card use 30 angles.
Animation
In preview I am use Spring animation for all cards:
.animation(.spring())
Area to Card
SFSymbols
For button using SFSymbols pack with ready-use icons. Also support customisable weight:
Image(systemName: show ? "slash.circle.fill" : "slash.circle")
.font(Font.title.weight(.semibold))
Button
For change state using @State as property:
@State var show = false
Frame
Size of area attach to state of property show:
.frame(width: show ? 350 : 290, height: show ? 420 : 260)
Transition And Blur
2048 Game
SFSymbols
Calculator
Creating And Combining Views
Building Lists And Navigation
WWDCPlayer
Handling User Input
Composing Complex Interfaces
Working With UIControls
Example To-Do App
iPadOS Scenes
Combine using GitHub API
Async image loading
Interfacing With UIKit
GitHub Search
Time Travel
Drawing Paths And Shapes
Animating Views And Transitions
Jike
Flux
SwiftUIDownloadView
#### PureGenius
SwiftUI SideMenu
Authors
Thanks for Jinxiansen, ra1028, timdonnelly, TwoLivesLeft, devxoul, cmtrounce, unixzii, ra1028 for examples project.