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 !強制解析

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

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 修飾過的對象里進過 @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)系作者
  • 序言:七十年代末瑟慈,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子屋匕,更是在濱河造成了極大的恐慌葛碧,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,126評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件过吻,死亡現(xiàn)場離奇詭異进泼,居然都是意外死亡蔗衡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,254評論 2 382
  • 文/潘曉璐 我一進店門乳绕,熙熙樓的掌柜王于貴愁眉苦臉地迎上來绞惦,“玉大人,你說我怎么就攤上這事洋措〖貌酰” “怎么了?”我有些...
    開封第一講書人閱讀 152,445評論 0 341
  • 文/不壞的土叔 我叫張陵菠发,是天一觀的道長王滤。 經(jīng)常有香客問我,道長滓鸠,這世上最難降的妖魔是什么雁乡? 我笑而不...
    開封第一講書人閱讀 55,185評論 1 278
  • 正文 為了忘掉前任,我火速辦了婚禮糜俗,結(jié)果婚禮上踱稍,老公的妹妹穿的比我還像新娘。我一直安慰自己悠抹,他們只是感情好珠月,可當(dāng)我...
    茶點故事閱讀 64,178評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著楔敌,像睡著了一般桥温。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上梁丘,一...
    開封第一講書人閱讀 48,970評論 1 284
  • 那天,我揣著相機與錄音旺韭,去河邊找鬼氛谜。 笑死,一個胖子當(dāng)著我的面吹牛区端,可吹牛的內(nèi)容都是我干的值漫。 我是一名探鬼主播,決...
    沈念sama閱讀 38,276評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼织盼,長吁一口氣:“原來是場噩夢啊……” “哼杨何!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起沥邻,我...
    開封第一講書人閱讀 36,927評論 0 259
  • 序言:老撾萬榮一對情侶失蹤危虱,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后唐全,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體埃跷,經(jīng)...
    沈念sama閱讀 43,400評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡蕊玷,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,883評論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了弥雹。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片垃帅。...
    茶點故事閱讀 37,997評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖剪勿,靈堂內(nèi)的尸體忽然破棺而出贸诚,到底是詐尸還是另有隱情,我是刑警寧澤厕吉,帶...
    沈念sama閱讀 33,646評論 4 322
  • 正文 年R本政府宣布酱固,位于F島的核電站,受9級特大地震影響赴涵,放射性物質(zhì)發(fā)生泄漏媒怯。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,213評論 3 307
  • 文/蒙蒙 一髓窜、第九天 我趴在偏房一處隱蔽的房頂上張望扇苞。 院中可真熱鬧,春花似錦寄纵、人聲如沸鳖敷。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,204評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽定踱。三九已至,卻和暖如春恃鞋,著一層夾襖步出監(jiān)牢的瞬間崖媚,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,423評論 1 260
  • 我被黑心中介騙來泰國打工恤浪, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留畅哑,地道東北人。 一個月前我還...
    沈念sama閱讀 45,423評論 2 352
  • 正文 我出身青樓水由,卻偏偏與公主長得像荠呐,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子砂客,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,722評論 2 345