Section 01 : Learn SwiftUI for iOS 13

Section 01 : Learn SwiftUI for iOS 13 - 学习 iOS 13 中的 SwiftUI(11’52")

Learn how to code custom UIs, animations, gestures and components in Xcode 11.

学习如何使用 Xcode 11 + iOS13 + SwiftUI 对自定义UI、动画、手势和组件进行编程。

1. 开始学习之路

由于最新版的 Xcode 11,在创建项目时,已经完全没有了 Objective-C 的选项,要么是 SwiftUI,要么是 Storyboard(这里可以去用 OC 吗?可以的,新建项目的时候能选择使用 OC ),因此,我基本上放弃了 OC 中有关 iOS UI 的部分。在此之前,我认真地看了 WWDC 2019 中几乎所有与开发相关的视频。也浏览了黑马程序员和尚学堂的 Swift 基础视频,两个基础视频都简要介绍了 Swift 的核心功能点,大概是两天的课程,纯粹入门级视频。虽然黑马程序员的微博课程看起来相对较全,但是毕竟没有应用 SwiftUI,依旧是使用 UIKit 然后纯代码的搭建,所以也没有深入跟进学习。

笔记是基于国外课程网站 DesignCode 的视频。该视频为收费课程。最初是在 B 站上无意中发现的,但仅过了一周即被下架,当时只是学习到第 9 节。后又找到另一个视频,但是是个针对 Xcode beta 的版本,素材设计没有这个精美,软件使用和语言本身也有一些变化。磕磕绊绊地看了一圈,不是很爽。侥幸在另一个偶然的机会再次看到了这个视频,能够得以将学习进行下去。

DesignCode 是一个培训网站,所有视频都有字幕,支持简体中文。网站上有 SwiftUI,Vue,React,Sketch 等多达 20 种培训课程。每个月的会员费是 9 美刀(年付)。(就是超慢无比!!)

相对而言,这个课程偏向设计工作,更多的是从中体会如何布局、修饰、展示页面以及更好的使用 SwiftUI 所提供的控件、修饰器、动画、手势等内容。(大叔推荐:如果你想关心更多 Swift 的细节和编程内容,可以参考学习国外著名的免费课程 100 Days of Swift,这个课程有两个版本,SwiftUI 和 UIkit,侧重更好掌握 Swift 编程方向。大叔也在学习ing。)

2. 关于笔记

本笔记是跟随课程进行所做记录,加上一些个人体会。每节开始的引用部分是视频的标题的原文说明。1

笔记没有深入研究所有控件涉及的 init() 及其修饰器的细节。这些内容还是在今后工作中一边使用一边研究文档吧。2

本节小结

课程目标介绍,一大堆功能。很酷很炫。没啥知识点可以总结,就随便说下我的学习环境吧。

课程:Build an app with SwiftUI Part 2
软件:mac OS Catalina + Xcode 11.3.1 (11C504)
硬件:Mac mini (2018)/ 3.2 GHz 六核Intel Core i7 / 16 GB 2667 MHz DDR4

先在 GitHub 上创建了项目,并且在 码云 做了同步。

准备出发。


  1. 笔记重点关注的不是每一行代码,而是这些代码产生的原因、过程和结果。笔记没有过多的贴出每一步的代码,这可能对没有视频的童鞋来说比较困难,希望大家能原谅。建议大家参照项目的源码结合着看。 ↩︎

  2. 大叔根据 SWiftUI 官方文档 对 SwiftUI 的控件做了个 Demo 项目,尽可能地覆盖了最基本的应用,修饰器还是无法太多深入。项目会伴随课程的进行不断更新。这个项目在 码云 上也同步了。 ↩︎

发布了51 篇原创文章 · 获赞 15 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/hh680821/article/details/104934866