快捷導(dǎo)航

SwiftUI學(xué)習(xí)之state和Binding的區(qū)別淺析

更新時(shí)間：2021年03月28日 15:35:29 作者：樹下

這篇文章主要給大家介紹了關(guān)于SwiftUI學(xué)習(xí)之state和Binding區(qū)別的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

@state 綁定值的狀態(tài),其屬性的修飾官方推薦使用private.上代碼(ps:這里沒用private 進(jìn)行修飾,是為了演示區(qū)別)
import SwiftUI

struct FilterView: View {
// @Binding var isFavorite: Bool
 @State var isFavorite = true
 
 var body: some View {
  Toggle(isOn: $isFavorite) {
   
  }
  let buttonTitle = isFavorite ? "嘔吼" : "頓頓"
  Text(buttonTitle)
  
 }
}
struct ProductView: View {
 var titleS: String
 
 //:不想讓外部訪問的變量 需要初始化
 @State private var changeButtonTtile = true
 var body: some View {
  Button (action: {
   changeButtonTtile.toggle()
  }) {
   let buttonTitle = changeButtonTtile ? "哈哈哈" : "啦啦啦啦"
   Text(buttonTitle)
   FilterView(isFavorite: changeButtonTtile)

  }
 }
}

這里我們看到 @State var isFavorite = true通過(guò)state 進(jìn)行修飾.這個(gè)時(shí)候我們點(diǎn)擊FilterView的開關(guān) 我們只能刷新當(dāng)前FilterView的界面.注意這里:FilterView(isFavorite: changeButtonTtile) 初始化傳入的是changeButtonTtile的value,也就實(shí)際值.

下面我們把State注釋掉 ,打開@Bingding 那一行

import SwiftUI

struct FilterView: View {
 @Binding var isFavorite: Bool
// @State var isFavorite = true
 
 var body: some View {
  Toggle(isOn: $isFavorite) {
   
  }
  let buttonTitle = isFavorite ? "嘔吼" : "頓頓"
  Text(buttonTitle)
  
 }
}
struct ProductView: View {
 var titleS: String
 
 //:不想讓外部訪問的變量 需要初始化
 @State private var changeButtonTtile = true
 var body: some View {
  Button (action: {
   changeButtonTtile.toggle()
  }) {
   let buttonTitle = changeButtonTtile ? "哈哈哈" : "啦啦啦啦"
   Text(buttonTitle)
   FilterView(isFavorite: $changeButtonTtile)
//:注意這里的取值 變成了$
  }
 }
}

這里我們運(yùn)行代碼,點(diǎn)擊開關(guān),你發(fā)現(xiàn)了什么??.ProductView 的UI 也發(fā)生了變化.這個(gè)時(shí)候FilterView 傳入的是changeBtnTitle的引用,而不是值.這樣你在子視圖改變@Binding修飾的值,父視圖也會(huì)跟著刷新.

使用小結(jié)

當(dāng)自定義視圖的數(shù)據(jù)需要外部傳入的時(shí)候，使用普通的屬性
當(dāng)自定義的視圖需要通過(guò)數(shù)據(jù)變化更新視圖時(shí)，對(duì)普通屬性加上@State修飾
當(dāng)自定義的視圖需要將視圖的變化表現(xiàn)在數(shù)據(jù)的變化時(shí)，對(duì)普通屬性加上@Binding修飾, @Binding 包含了@State的功能, 但一般不會(huì)去對(duì)@Binding屬性做修改

總結(jié)

到此這篇關(guān)于SwiftUI學(xué)習(xí)之state和Binding區(qū)別的文章就介紹到這了,更多相關(guān)SwiftUI state和Binding區(qū)別內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: