概覽

如果視圖需要數(shù)據(jù)來確定各視圖間共享的單一數(shù)據(jù)源，則可以在視圖最不常見的上級結(jié)構(gòu)中將數(shù)據(jù)存儲為狀態(tài)。既可通過一個 Swift 屬性以只讀方式提供這個數(shù)據(jù)，也可使用綁定創(chuàng)建與狀態(tài)的雙向連接。SwiftUI 會觀察數(shù)據(jù)的變化，并根據(jù)需要更新任何受影響的視圖。

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長期合作伙伴，公司提供的服務(wù)項(xiàng)目有：域名與空間、虛擬主機(jī)、營銷軟件、網(wǎng)站建設(shè)、增城網(wǎng)站維護(hù)、網(wǎng)站推廣。

請勿將狀態(tài)屬性用于持久存儲，因?yàn)闋顟B(tài)變量的生命周期與視圖生命周期是一樣的。應(yīng)將它們用于管理僅影響用戶界面的瞬間狀態(tài)，例如按鈕的高亮顯示狀態(tài)、篩選器設(shè)置或當(dāng)前選定的列表項(xiàng)目。你可能還會發(fā)現(xiàn)，在你準(zhǔn)備對 App 數(shù)據(jù)模型進(jìn)行更改之前制作原型時(shí)，這種存儲很方便。

將可變值作為狀態(tài)來管理

如果視圖需要儲存它可以修改的數(shù)據(jù)，應(yīng)通過 State (英文) 屬性包裝器聲明一個變量。例如，你可以在播客播放器視圖中創(chuàng)建一個 isPlaying Boolean，以跟蹤播客何時(shí)運(yùn)行：

 struct PlayerView: View {  @State private var isPlaying: Bool = false    var body: some View {  // ...  } }

將屬性標(biāo)記為狀態(tài)會指示框架管理底層存儲。你的視圖使用屬性名稱，讀取和寫入在狀態(tài)的 wrappedValue (英文) 屬性中找到的數(shù)據(jù)。在你更改值時(shí)，SwiftUI 會更新視圖的受影響部分。例如，你可以向 PlayerView 添加一個按鈕，在輕點(diǎn)該按鈕后切換存儲的值并根據(jù)存儲的值顯示不同的圖像：

 Button(action: {  self.isPlaying.toggle() }) {  Image(systemName: isPlaying ? "pause.circle" : "play.circle") }

通過將狀態(tài)變量聲明為私有變量來限制它們的范圍。這確保變量在聲明它們的視圖層次結(jié)構(gòu)中保持封裝狀態(tài)。

聲明 Swift 屬性以存儲不可變值

若要為視圖提供其不修改的數(shù)據(jù)，請聲明一個標(biāo)準(zhǔn) Swift 屬性。例如，你可以擴(kuò)展播客播放器，以增加一個輸入結(jié)構(gòu)，用于包含代表單集標(biāo)題和節(jié)目名稱的字符串：

 struct PlayerView: View {  let episode: Episode // The queued episode.  @State private var isPlaying: Bool = false    var body: some View {  VStack {  // Display information about the episode.  Text(episode.title)  Text(episode.showTitle)    Button(action: {  self.isPlaying.toggle()  }) {  Image(systemName: isPlaying ? "pause.circle" : "play.circle")  }  }  } }

盡管單集屬性的值對于 PlayerView 是一個常量，但在這個視圖的父視圖中，它不一定要是常量。當(dāng)用戶在父項(xiàng)中選擇另一個單集時(shí)，SwiftUI 會檢測到狀態(tài)變化并使用一個新輸入來重新創(chuàng)建 PlayerView。

通過綁定共享狀態(tài)訪問

如果視圖需要與一個子視圖共享狀態(tài)的控件，應(yīng)在帶有 Binding (英文) 屬性包裝器的子項(xiàng)中聲明一個屬性。綁定表示對現(xiàn)有存儲的引用，從而保留底層數(shù)據(jù)的單一數(shù)據(jù)源。例如，如果你將播客播放器視圖的按鈕重構(gòu)成一個名為 PlayButton 的子視圖，你可以給它提供一個與 isPlaying 屬性的綁定：

 struct PlayButton: View {  @Binding var isPlaying: Bool    var body: some View {  Button(action: {  self.isPlaying.toggle()  }) {  Image(systemName: isPlaying ? "pause.circle" : "play.circle")  }  } }

如上所示，你可以通過直接引用屬性來讀取和寫入綁定包裝的值，這一點(diǎn)與狀態(tài)屬性一樣。但是與狀態(tài)屬性不同的是，綁定沒有自己的存儲，而是引用一個存儲在其他地方的狀態(tài)屬性，并提供與該存儲的雙向連接。

當(dāng)你實(shí)例化 PlayButton 時(shí)，可通過添加一個美元符號 ($) 前綴，提供與父視圖中聲明的相應(yīng)狀態(tài)變量的綁定：

 struct PlayerView: View {  var episode: Episode  @State private var isPlaying: Bool = false    var body: some View {  VStack {  Text(episode.title)  Text(episode.showTitle)  PlayButton(isPlaying: $isPlaying) // Pass a binding.  }  } }

$ 前綴要求為它的 projectedValue (英文) 提供一個包裝的屬性，這對狀態(tài)而言，就是與底層存儲的綁定。同樣，你可以通過使用 $ 前綴的綁定獲得綁定，從而讓你可以在視圖層次結(jié)構(gòu)的任意數(shù)量層級間傳遞綁定。

你還可以獲得與狀態(tài)變量中限定范圍的值的綁定。例如，如果你在播放器的父視圖中將 episode 聲明為狀態(tài)變量，并且單集結(jié)構(gòu)還包含一個你想要通過切換控制的 isFavorite Boolean，那么，你可以引用 $episode.isFavorite 來獲得與單集的個人收藏狀態(tài)的綁定：

 struct Podcaster: View {  @State private var episode = Episode(title: "Some Episode",  showTitle: "Great Show",  isFavorite: false)  var body: some View {  VStack {  Toggle("Favorite", isOn: $episode.isFavorite) // Bind to the Boolean.  PlayerView(episode: episode)  }  } }

為狀態(tài)過渡添加動畫效果

當(dāng)視圖狀態(tài)發(fā)生改變時(shí)，SwiftUI 會立即更新受影響的視圖。如果你需要實(shí)現(xiàn)順暢的視覺過渡，可以將觸發(fā)過渡的狀態(tài)更改包裝在對 withAnimation(_:_:) (英文) 函數(shù)的調(diào)用中，以指示 SwiftUI 為它們添加動畫效果。例如，你可以為由 isPlaying Boolean 控制的更改添加動畫效果：

 withAnimation(.easeInOut(duration: 1)) {  self.isPlaying.toggle() }

通過更改動畫函數(shù)結(jié)尾閉包中的 isPlaying，可指示 SwiftUI 為依賴于包裝值的一切內(nèi)容添加動畫效果，例如，按鈕圖像上的縮放特效：

 Image(systemName: isPlaying ? "pause.circle" : "play.circle")  .scaleEffect(isPlaying ? 1 : 1.5)

SwiftUI 會使用你指定的曲線和持續(xù)時(shí)間，如果你未提供則使用合理的默認(rèn)值，在一段時(shí)間內(nèi)在給定的 1 和 1.5 值之間過渡縮放特效輸入。另一方面，圖像內(nèi)容不會受到動畫的影響，即使同一個 Boolean 規(guī)定要顯示哪個系統(tǒng)圖像也是如此。那是因?yàn)?SwiftUI 無法以有意義的方式在兩個字符串 pause.circle 和 play.circle 之間逐步過渡。

你可以向狀態(tài)屬性添加動畫，或與上述示例一樣，向綁定添加動畫。無論是哪一種方式，在底層存儲的值發(fā)生變化時(shí)，SwiftUI 都會為發(fā)生的任何視圖變化添加動畫效果。例如，如果你在動畫塊位置上方的某個視圖層次結(jié)構(gòu)層級向 PlayerView 添加背景色，SwiftUI 同樣會為此添加動畫效果：

 VStack {  Text(episode.title)  Text(episode.showTitle)  PlayButton(isPlaying: $isPlaying) } .background(isPlaying ? Color.green : Color.red) // Transitions with animation.

如果你想將動畫應(yīng)用于特定的視圖，而不是狀態(tài)變化觸發(fā)的所有視圖，請改用 animation(_:) (英文) 視圖修飾符。

當(dāng)前題目：創(chuàng)新互聯(lián)IOS教程：管理用戶界面狀態(tài)
URL鏈接：http://uogjgqi.cn/article/dpdpdps.html