SwiftUI Essentials - Creating and Combining Views
实现一个简单页面的组合,使用到了地图组件、图片、简单的排版。
![image](https://user-images.githubusercontent.com/18136549/166410480-7a970290-b267-4863-9d05-9109c0a83ad8.png)
SwiftUI Essentials - Building Lists and Navigation
从 json 文件中读取一列列表的数据,使用 List 组件展示改数据,并且可以跳转到各个 item 的详情页。
![image](https://user-images.githubusercontent.com/18136549/166422379-facddf7f-d9ca-4dcd-af2e-7c166fa7f4eb.gif)
SwiftUI Essentials - Handling User Input
为每一个 item 添加一个我喜爱的标签,添加一个 Toggle 组件来切换是否只显示我喜爱的。
在详情页添加我喜爱的标签,并且可以点击添加喜爱和取消。
![image](https://user-images.githubusercontent.com/18136549/166430195-f2c0ab1e-a6e5-482e-b01e-e7fa6c040824.gif)
Drawing and Animation - Drawing Paths and Shapes
使用 Path 来画图
![image](https://user-images.githubusercontent.com/18136549/166852538-7357e48f-18ef-4c92-8e46-c95123f8eefa.png)
Drawing and Animation - Animating Views and Transitions
使用动画的各种属性来熟悉如何通过编码来实现动画。
![image](https://user-images.githubusercontent.com/18136549/166852608-aec71341-c1bd-4e62-9431-f20b004a6a74.gif)
App Design and Layout - Composing Complex Interfaces
使用 NavigationView 来布局页面。
使用 NavigationLink 来实现跳转。
使用 TabView 来实现页面下方的 Tab 按钮。
![image](https://user-images.githubusercontent.com/18136549/166853055-47acdb0c-0439-4d18-b3fb-ee3d875ba2e9.gif)
App Design and Layout - Working with UI Controls
添加一个个人中心的页面,包含各种组件,并且可以对这些组件的内容进行编辑。
![image](https://user-images.githubusercontent.com/18136549/166853185-59f2f215-415d-46a3-be68-de572aef85be.gif)
Framework Intergration - Interfacing with UIKit
使用 UIKit 框架来实现一个图片轮播的效果
![image](https://user-images.githubusercontent.com/18136549/166853263-b2a2c47d-d285-4ccc-a7bb-c055c1c175b9.gif)