Skip to content

Main Navigation

CSS

JavaScript

Vue

Vue3+Typescript

Swift

Swift UI 实战教程

数据格式

写作技能

你好开源王国之泪

外观风格

Swift UI 实战教程

Sidebar Navigation

开始

教程说明

Swift UI 简介

Swift UI 要点

创建和组合视图

1. 创建一个新项目并且浏览画布

2. 自定义文字视图

3. 使用 Stack 组合视图

4. 自定义图片视图

5. 使用第三方框架的 SwiftUI View

6. 编写详情视图

构建列表与导航

1. 创建一个地标模型

2. 创建列表行视图

3. 自定义行视图的预览

4. 创建地标列表

5. 动态化列表

6. 在列表和详情之间设置路由

7. 将数据传入子视图

8. 动态地生成预览

处理用户输入

1. 标记用户收藏的地标

2. 过滤列表视图

3. 添加控件来切换状态

4. 使用 Observable Object 进行存储

5. 在视图中接收模型对象

6. 给每个 Landmark 创建收藏按钮

绘图和动画

绘制路径及形状

1. 创建一个徽章视图

2. 绘制徽章背景

3. 绘制徽章符号

4. 组合徽章的前景和背景

动画视图及转场

1. 添加图表视图

2. 给单个视图添加动画

3. 绘制状态改变时的动画

4. 自定义视图转换

5. 为复杂的效果编排动画

应用程序的设计和布局

组合复杂界面

1. 添加一个分类视图

2. 创建一个分类列表

3. 创建一个类别行视图

4. 完成分类视图

5. 在 Sections 之间添加导航

使用 UI 控件

1. 显示用户简介

2. 加入编辑模式

3. 定义简介编辑器

4. 延迟编辑的传递

框架整合

与 UIKit 协作

1. 创建表示 UIPageViewController 的视图

2. 创建视图控制器的数据源

3. 在 SwiftUI 视图的状态中跟踪页面

4. 添加自定义的页面控件

创建 macOS App

1. 添加一个 macOS Target

2. 创建一个 macOS 详细视图

3. 更新行视图

4. 更新列表视图

5. 添加一个内置的菜单命令

6. 添加一个自定义菜单命令

7. 用设置场景添加首选项

目录

Table of Contents for current page

公众号

扫一扫，及时获取最新内容

chicken-house

一款为了在闲暇之余

可以关注基金而打造的浏览器插件

创建一个 macOS 详细视图

Previous1. 添加一个 macOS Target Next 3. 更新行视图

创建一个 macOS 详细视图 has loaded