SwiftUI 示例

使用 SwiftUI & Combine 的示例项目。
包含布局、UI、动画、手势、绘图和数据。在“文件与其它项目”文件夹中查看项目文件。如果您有项目,请提交一个拉取请求,或创建一个包含仓库链接的问题。

还包括

  • 电影
  • InstaFake
  • TempusRomanumII
  • SwiftUI + Redux
  • React Meets SwiftUI
  • WebView
  • UINote
  • SplitView
  • 卡片动画

Animatable Cards

animatable-cards

3D

要为背面卡片添加3D旋转,请使用代码

.rotation3DEffect(
	Angle(degrees: dragState.isActive ? 0 : 60), axis: (x: 10.0, y: 10.0, z: 10.0)
 )

对于中等大小的卡片,请使用30度角。

动画

在预览中,我对所有卡片都使用了Spring动画

.animation(.spring())

区域到卡片

area-to-card

SFSymbols

按钮使用SFSymbols包,提供即用型图标。还支持可自定义的粗细。

Image(systemName: show ? "slash.circle.fill" : "slash.circle")
   .font(Font.title.weight(.semibold))

按钮

要更改状态,请使用@State作为属性。

@State var show = false

过渡与模糊

TransitionBlur

2048 游戏

2048game

SFSymbols

SFSymbols

计算器

Calculator

创建和组合视图

CreatingAndCombiningViews

构建列表和导航

BuildingListsAndNavigation

WWDCPlayer

WWDCPlayer

处理用户输入

HandlingUserInput

组合复杂界面

ComposingComplexInterfaces

使用 UI 控件

WorkingWithUIControls2

WorkingWithUIControls

待办事项应用示例

ExampleToDoApp

iPadOS 场景

iPadOSScenes

Combine 使用 GitHub API

CombineUsingGitHubAPI

异步加载图片

AsyncImageLoading

与 UIKit 交互

InterfacingWithUIKit

GitHub 搜索

GitHubSearch

时间旅行

TimeTravel

绘制路径和形状

DrawingPathsAndShapes

为视图和过渡设置动画

AnimatingViewsAndTransitions

Jike

Jike

Flux

Flux

SwiftUIDownloadView

SwiftUIDownloadView

PureGenius

PureGenius

SwiftUI 侧边菜单

SwiftUISideMenu

SwiftUI 货币

来源

SwiftUICurrency

SwiftUI 天气

源码教程

Banner

DesignCode SwiftUI

来源

68747470733a2f2f692e696d6775722e636f6d2f4e3948665764442e706e67

MTSlideToOpen-SwiftUI

来源

example

GitHub

https://github.com/ivanvorobei/SwiftUI