SwiftUI 關(guān)鍵詞解析

1、guard 控制流語句

guard類似于if-else、switch

func submit() {
    guard let name = nameField.text else {
        show("No name to submit")
        return
    }

    guard let address = addressField.text else {
        show("No address to submit")
        return
    }

    guard let phone = phoneField.text else {
        show("No phone to submit")
        return
    }

    sendToServer(name, address: address, phone: phone)
}

2、as! as?

2.1 ? 自動解析

var myString:String? = nil  值可以為nil

2-2 !強(qiáng)制解析

var myString:String! = "數(shù)值" 表示會一定有值

2-3 as :用在有保證的轉(zhuǎn)換,從派生類->基類 (向上轉(zhuǎn)換)

as? (optional可選類型 意思是可有可無) 無的話會返回一個 nil 對象。有的話返回可選類型值(optional)

var dic  = [String:Any]()
dic["title"] = "內(nèi)容"
let str = dic["title"] as? String
//  print(str) //Optional("我是title")
let str0 = dic["icon"] as? String
print(str0) // nil dict里面沒有icon字段

1.開發(fā)中 用的最多的就是as?關(guān)鍵字,但是要進(jìn)行非空判斷 if let ,guard 保證程序正常進(jìn)行下去
2.其次as! 如果用as!的話,一定要保證有值
3.然后as(這個關(guān)鍵字一般都是系統(tǒng)智能提示要用這個)
4.開發(fā)中要是接收后臺返回的字段建議最好用可選類型  as? 后臺的情況千變?nèi)f化 盡量不適用as! 進(jìn)行接收

3、@State

通過使用 @State 修飾器我們可以關(guān)聯(lián)出 View 的狀態(tài). SwiftUI 將會把使用過 @State 修飾器的屬性存儲到一個特殊的內(nèi)存區(qū)域,并且這個區(qū)域和 View struct 是隔離的. 當(dāng) @State 裝飾過的屬性發(fā)生了變化,SwiftUI 會根據(jù)新的屬性值重新創(chuàng)建視圖

struct ButtonView: View {
    @State private var showFavorited: Bool = false

    var body: some View {
        Button(action: {
            self.showFavorited.toggle()
        }) {
            Text("Change filter")
        }
    }
}

4、@ Binding

把一個視圖的屬性傳至子節(jié)點中,但是又不能直接的傳遞給子節(jié)點,因為在 Swift 中值的傳遞形式是值類型傳遞方式,也就是傳遞給子節(jié)點的是一個拷貝過的值。但是通過 @Binding 修飾器修飾后,屬性變成了一個引用類型,傳遞變成了引用傳遞,這樣父子視圖的狀態(tài)就能關(guān)聯(lián)起來了。

struct FilterView: View {
    @Binding var showFavorited: Bool
    var body: some View {
        Toggle(isOn: $showFavorited) {
            Text("Change filter")
        }
    }
}

struct ProductsView: View {
    let products: [Product]
    @State private var showFavorited: Bool = false
    var body: some View {
        List {
            FilterView(showFavorited: $showFavorited)
            ForEach(products) { product in
                if !self.showFavorited || product.isFavorited {
                    Text(product.title)
                }
            }
        }
    }
}
在 FilterView 視圖里,Toggle 組件的創(chuàng)建也使用 $showFavorited 這種格式,因為 Toggle 組件會修改傳入的值,如果是一個純讀的組件比如 Text 就不需要 使用 $showFavorited, 直接 Text(showFavorited) 使用

在 FilterView 視圖里用 @Binding 修飾 showFavorited 屬性, 在傳遞屬性是使用 $ 來傳遞 showFavorited 屬性的引用,這樣 FilterView 視圖就能讀寫父視圖 ProductsView 里的狀態(tài)值了,并且值發(fā)生了修改 SwiftUI 會更新 ProductsView 和 FilterView 視圖

5、@ ObservedObject

@ObservedObject 的用處和 @State 非常相似,從名字看來它是來修飾一個對象的,這個對象可以給多個獨立的 View 使用。如果你用 @ObservedObject 來修飾一個對象,那么那個對象必須要實現(xiàn) ObservableObject 協(xié)議,然后用 @Published 修飾對象里屬性,表示這個屬性是需要被 SwiftUI 監(jiān)聽的

final class PodcastPlayer: ObservableObject {
    @Published private(set) var isPlaying: Bool = false

    func play() {
        isPlaying = true
    }

    func pause() {
        isPlaying = false
    }
}

定義了一個 PodcastPlayer 類,這個類可以給不同的 View 使用,SwiftUI 會追蹤使用 View 里經(jīng)過 @ObservableObject 修飾過的對象里進(jìn)過 @Published 修飾的屬性變換,一旦發(fā)生了變換,SwiftUI 會更新相關(guān)聯(lián)的 UI

struct EpisodesView: View {
    @ObservedObject var player: PodcastPlayer
    let episodes: [Episode]

    var body: some View {
        List {
            Button(action: {
                if self.player.isPlaying {
                    self.player.pause()
                } else {
                    self.player.play()
                }
            }) {
                Text(player.isPlaying ? "Pause" : "Play")
            }

            ForEach(episodes) { episode in
                Text(episode.title)
            }
        }
    }
}

6、@ EnvironmentObject

這個修飾器是針對全局環(huán)境的。通過它,我們可以避免在初始 View 時創(chuàng)建 ObservableObject, 而是從環(huán)境中獲取 ObservableObject

1.SceneDelegate.swift 文件
class SceneDelegate: UIResponder, UIWindowSceneDelegate {

    var window: UIWindow?

    func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
        let window = UIWindow(frame: UIScreen.main.bounds)
        let episodes = [
            Episode(id: 1, title: "First episode"),
            Episode(id: 2, title: "Second episode")
        ]

        let player = PodcastPlayer()
        window.rootViewController = UIHostingController(
            rootView: EpisodesView(episodes: episodes)
                .environmentObject(player)
        )
        self.window = window
        window.makeKeyAndVisible()
    }
}

2.EpisodesView.swift 文件
struct EpisodesView: View {
    @EnvironmentObject var player: PodcastPlayer
    let episodes: [Episode]

    var body: some View {
        List {
            Button(
                action: {
                    if self.player.isPlaying {
                        self.player.pause()
                    } else {
                        self.player.play()
                    }
                }) {
                Text(player.isPlaying ? "Pause" : "Play")
            }

            ForEach(episodes) { episode in
                Text(episode.title)
            }
        }
    }
}

我們獲取 PodcastPlayer 這個 ObservableObject 是通過 @EnvironmentObject 修飾器,但是在入口需要傳入 .environmentObject(player) 。@EnvironmentObject 的工作方式是在 Environment 查找 PodcastPlayer 實例。

7、@ Environment

繼續(xù)上面一段的說明,我們的確開一個從 Environment 拿到用戶自定義的 object,但是 SwiftUI 本身就有很多系統(tǒng)級別的設(shè)定,我們開一個通過 @Environment 來獲取到它們

struct CalendarView: View {
    @Environment(\.calendar) var calendar: Calendar
    @Environment(\.locale) var locale: Locale
    @Environment(\.colorScheme) var colorScheme: ColorScheme
//模態(tài)跳轉(zhuǎn)
    @Environment(\.presentationMode) var presentationMode

    var body: some View {
        return Text(locale.identifier)
    }
}

通過 @Environment 修飾的屬性,我們開一個監(jiān)聽系統(tǒng)級別信息的變換,這個例子里一旦 Calendar, Locale, ColorScheme 發(fā)生了變換,我們定義的 CalendarView 就會刷新

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容