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 ? 自動(dòng)解析

var myString:String? = nil 值可以為nil
2-2 !強(qiáng)制解析

var myString:String! = "數(shù)值" 表示會(huì)一定有值
2-3 as :用在有保證的轉(zhuǎn)換,從派生類->基類 (向上轉(zhuǎn)換)

as? (optional可選類型 意思是可有可無) 無的話會(huì)返回一個(gè) nil 對(duì)象。有的話返回可選類型值(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(這個(gè)關(guān)鍵字一般都是系統(tǒng)智能提示要用這個(gè))
4.開發(fā)中要是接收后臺(tái)返回的字段建議最好用可選類型 as? 后臺(tái)的情況千變?nèi)f化 盡量不適用as! 進(jìn)行接收

3、@State

通過使用 @State 修飾器我們可以關(guān)聯(lián)出 View 的狀態(tài). SwiftUI 將會(huì)把使用過 @State 修飾器的屬性存儲(chǔ)到一個(gè)特殊的內(nèi)存區(qū)域,并且這個(gè)區(qū)域和 View struct 是隔離的. 當(dāng) @State 裝飾過的屬性發(fā)生了變化,SwiftUI 會(huì)根據(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

把一個(gè)視圖的屬性傳至子節(jié)點(diǎn)中,但是又不能直接的傳遞給子節(jié)點(diǎn),因?yàn)樵?Swift 中值的傳遞形式是值類型傳遞方式,也就是傳遞給子節(jié)點(diǎn)的是一個(gè)拷貝過的值。但是通過 @Binding 修飾器修飾后,屬性變成了一個(gè)引用類型,傳遞變成了引用傳遞,這樣父子視圖的狀態(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 這種格式,因?yàn)?Toggle 組件會(huì)修改傳入的值,如果是一個(gè)純讀的組件比如 Text 就不需要 使用 showFavorited, 直接 Text(showFavorited) 使用 在 FilterView 視圖里用 @Binding 修飾 showFavorited 屬性, 在傳遞屬性是使用 來傳遞 showFavorited 屬性的引用,這樣 FilterView 視圖就能讀寫父視圖 ProductsView 里的狀態(tài)值了,并且值發(fā)生了修改 SwiftUI 會(huì)更新 ProductsView 和 FilterView 視圖

5、@ ObservedObject

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

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

func play() {
    isPlaying = true
}

func pause() {
    isPlaying = false
}

}
定義了一個(gè) PodcastPlayer 類,這個(gè)類可以給不同的 View 使用,SwiftUI 會(huì)追蹤使用 View 里經(jīng)過 @ObservableObject 修飾過的對(duì)象里進(jìn)過 @Published 修飾的屬性變換,一旦發(fā)生了變換,SwiftUI 會(huì)更新相關(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

這個(gè)修飾器是針對(duì)全局環(huán)境的。通過它,我們可以避免在初始 View 時(shí)創(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 這個(gè) ObservableObject 是通過 @EnvironmentObject 修飾器,但是在入口需要傳入 .environmentObject(player) 。@EnvironmentObject 的工作方式是在 Environment 查找 PodcastPlayer 實(shí)例。

7、@ Environment

繼續(xù)上面一段的說明,我們的確開一個(gè)從 Environment 拿到用戶自定義的 object,但是 SwiftUI 本身就有很多系統(tǒng)級(jí)別的設(shè)定,我們開一個(gè)通過 @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 修飾的屬性,我們開一個(gè)監(jiān)聽系統(tǒng)級(jí)別信息的變換,這個(gè)例子里一旦 Calendar, Locale, ColorScheme 發(fā)生了變換,我們定義的 CalendarView 就會(huì)刷新

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

相關(guān)閱讀更多精彩內(nèi)容

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