+
Skip to content

Examples projects using SwiftUI released by WWDC2019. Include Layout, UI, Animations, Gestures, Draw and Data.

License

Notifications You must be signed in to change notification settings

alexliubj/SwiftUI

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

96 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SwiftUI Examples

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:

awesome-ios-ui

If you like the project, do not forget to put star ★

Navigate

Other projects

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

SwiftUI Currency

Source

Authors

Thanks for Jinxiansen, ra1028, timdonnelly, TwoLivesLeft, devxoul, cmtrounce, unixzii, ra1028 for examples project.

About

Examples projects using SwiftUI released by WWDC2019. Include Layout, UI, Animations, Gestures, Draw and Data.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Swift 100.0%
点击 这是indexloc提供的php浏览器服务,不要输入任何密码和下载