1-SwiftUI開山篇

iOS 13與iOS 12相比較就是多了swiftUI

2-閉包Closures和擴展Extension

2-1 閉包(回調函數)Closures的基本用法

import UIKit

// Closure--閉包/回調函數

let a: Int = 9

let learnIOS = {
    print("學習IOS")
}
learnIOS()

//帶一個參數
let learnIOS2 = {(lan: String) in
    print("學習\(lan)")
}
learnIOS2("學習IOS2")

//帶兩個參數
let learnIOS3 = {(lan: String, lan2: String) in
    print("學習\(lan)")
    print("學習\(lan2)")
}
learnIOS3("學習IOS3", "學習IOS333")

//一個參數+返回值
let learnIOS4 = {(lan: String)->String in
    //swift5新語法,只有一行代碼,return可省略
    //完整寫法: return "學習\(lan)"
    "學習\(lan)"
}
let res4 = learnIOS4("IOS4444")
print(res4)

2-2 閉包作為另一個函數的參數

import UIKit
let learnIOS = {
    print("學習IOS")
}
learnIOS()

//作為另一個函數的參數
func findWork(how: ()->Void){
    print("準備找工作了")
    how()
    print("找到工作了")
}
findWork(how: learnIOS)
findWork {
    learnIOS()
}

2-3 尾隨閉包trailling closure

import UIKit
let a: Int = 9
//帶一個參數
let learnIOS2 = {(lan: String) in
    print("學習\(lan)")
}
learnIOS2("學習IOS2")

//尾隨閉包帶參數
func findWork2(a: Int, lan: String, how: (String) -> Void){
    print("準備找工作了")
    how("學習\(lan)")
    print("找到工作了")
}

findWork2(a: a, lan: "22222", how: learnIOS2)

findWork2(a: a, lan: "2") { (String) in
    learnIOS2("aaa\(String)")
}

//尾隨閉包帶參數-簡化
func findWork3(a: Int, how: (String)->Void){
    print("準備找工作了")
    how("IOS333")
    print("找到工作了")
}
findWork3(a: a, how: learnIOS2)

findWork3(a: a) { (lan) in
    learnIOS2("學習\(lan)")
}

例子:

responseJSON就是用的尾隨閉包而且只有一個參數, response為閉包的參數.

2-4 閉包的$0+閉包捕獲

import UIKit
let a: Int = 9

func findWork3(a: Int, how: (String)->Void){
    print("準備找工作了")
    how("IOS333")
    print("找到工作了")
}
//$0, $1..
findWork3(a: a) {
    print("還是學習\($0)")
}

func findWork4() -> (String) -> Void{
    return {
        print("不要問, 問就是在學習\($0)")
    }
}
let res2 = findWork4()
res2("IOS")

//閉包捕獲
func findWork5() -> (String)->Void{
    var count = 1
    return {
        print("不要問, 問就是在學習\($0)+\(count)")
        count += 1
    }
}
let res3 = findWork5()
res3("IOS")
res3("IOS")
res3("IOS")

2-5 類型擴展+協議擴展(Extensions)+數組和Set的區別

import UIKit

// 1-extension的基本用法
let xx = pow(3, 2)

extension Int{
    func squared() -> Int{
        return self * self
    }
    
    var isEven: Bool{
        return self % 2 == 0
    }
}

let xxx = 3.squared()
5.isEven

// 2-協議擴展
//數組有序可用下標取值, 可重復
let arr = ["語文", "數學", "英語", "數學", "英語", "語文"]
//與數組相反
let s = Set(["小明", "小張", "小王"])

//數組和set的父類
extension Collection{
    func summarize(){
        print("一共有\(count)個")
        
        for name in self{
            print(name)
        }
    }
}
arr.summarize()
s.summarize()

3-交互類控件Controls

3-1 Form+Textfield+雙向綁定

    //雙向綁定xx變量
    @State var xx = ""
    var body: some View {
        Form{
            TextField("xx", text: $xx)
            Text(xx)
        }
    }

3-2 HStack+Picker+SegmentedPicker+修飾符

3-3 forEach+唯一標識符id+Section的header

3-4 Button+Alert

收縮代碼: command+option+←
格式化代碼: 先選中代碼command+A然后格式化control+I

3-5 訪問權限private+三引號+keyboardType+disabled修飾符

• 一般來說用@state后都跟一個private使得該變量只能在這個struct使用, 防止不必要的引用.
• 數據, 判斷要和頁面要分開, 數據用計算屬性來存儲.

4-猜國旗App-Image及色彩類控件

4-1 ZStack+VStack+線性漸變視圖LinearGradient+edgeslgnoringSafeArea+foregroundColor+font

運行畫布:command+option+P

4-2 Spacer+image+renderingModel+clipShape+overlay+shadow

4-3 制作項目功能+業務邏輯處理

總結+小優化

5-視圖Views+修飾符Modifiers+泛型Generic

5-1 frame+background

全屏背景填充, 上一章通過ZStack實現.

    var body: some View {
        ZStack{
            Color.green
            .edgesIgnoringSafeArea(.all)
            Text("Hello, World!")
        }    
    }

這里還提供了另一種思路

struct AboutBackground: View {
    var body: some View {
        Text("Hello, World!")
            .frame(maxWidth: .infinity, maxHeight: .infinity)
            .background(Color.green)
            .edgesIgnoringSafeArea(.all)
    }
}

5-2 修飾符Modifier的順序

修飾符Modifier是有順序的

5-3 修飾符里的三元運算符+ifelse條件判斷的注意

    @State private var changeColor = false
    
    var body: some View {
        Button("Hello world"){
            //點擊按鈕后, 切換changeColor的布爾值
            self.changeColor.toggle()
        }
        .frame(width: 200, height: 200)
        .background(changeColor ? Color.green : Color.yellow)
    }

ifelse需要注意:
ifelse 直接在body用需要return
然后不同view需要用VStack套

5-4環境修飾符environmentModifiers+常規修飾符regularModifiers

5-5把view作為struct的屬性讓body里的代碼更清晰更復用

struct ViewAsProperties: View {
    let x = Text("xxx")
    let y = Text("yyy")
    
    //同級屬性無法引用
    @State private var zz = ""
    var z:some View{
        TextField("ZZZ", text: $zz)
    }
    
    var body: some View {
        VStack{
            x
                .foregroundColor(Color.green)
                .font(.largeTitle)
            y
                .foregroundColor(Color.red)
                .font(.largeTitle)
            z
        }
    }
}

5-6 分離子視圖

struct ChildView: View {
    var body: some View {
        VStack(spacing: 20){
            CapsuleText(text2: "1121")
                .foregroundColor(Color.blue)
            CapsuleText(text2: "1211")
                .foregroundColor(Color.yellow)
        }
    }
}

struct CapsuleText:View {
    let text2: String
    
    var body: some View{
        Text(text2)
        .padding()
        .background(Color.red)
        .clipShape(Capsule())
        .font(.largeTitle)
    }
}

6-動畫Animations

7-賬本App-處理數據和UserDefaults

8-神州App-處理json數據和頁面布局

9-奶茶App-codable協議和原生網絡請求

10-電影App-swiftUI中的CoreData和子組件

11-CoreData進階

12-在swiftUI中使用UIKit

13-聯絡人App-TabView+環境對象+SPN

14-仿約會App左右滑功能-手勢詳解