您的位置：首页 > 编程技术 > Swift  >  SwiftUI学习之state和Binding的区别浅析

SwiftUI学习之state和Binding的区别浅析

 更新时间：2021年3月28日 20:00  点击：2103

@state 绑定值的状态,其属性的修饰官方推荐使用private.上代码(ps:这里没用private 进行修饰,是为了演示区别)
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通过state 进行修饰.这个时候我们点击FilterView的开关 我们只能刷新当前FilterView的界面.注意这里:FilterView(isFavorite: changeButtonTtile) 初始化传入的是changeButtonTtile的value,也就实际值.

下面我们把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)
//:注意这里的取值 变成了$
  }
 }
}

这里我们运行代码,点击开关,你发现了什么??.ProductView 的UI 也发生了变化.这个时候FilterView 传入的是changeBtnTitle的引用,而不是值.这样你在子视图改变@Binding修饰的值,父视图也会跟着刷新.

使用小结

  • 当自定义视图的数据需要外部传入的时候， 使用普通的属性
  • 当自定义的视图需要通过数据变化更新视图时， 对普通属性加上@State修饰
  • 当自定义的视图需要将视图的变化表现在数据的变化时，对普通属性加上@Binding修饰, @Binding 包含了@State的功能, 但一般不会去对@Binding属性做修改

总结

到此这篇关于SwiftUI学习之state和Binding区别的文章就介绍到这了,更多相关SwiftUI state和Binding区别内容请搜索猪先飞以前的文章或继续浏览下面的相关文章希望大家以后多多支持猪先飞！

[!--infotagslink--]

相关文章

  • SwiftUI图片缩放、拼图等处理教程

    SwiftUI是一种使用Swift语言在苹果设备上构建用户界面的创新且简单的方式,下面这篇文章主要给大家介绍了关于SwiftUI图片缩放、拼图等处理的相关资料,需要的朋友可以参考下...2021-08-23

  • 示例详解react中useState的用法

    useState 通过在函数组件里调用它来给组件添加一些内部 state，React 会在重复渲染时保留这个 state，接下来通过一个示例来看看怎么使用 useState吧...2021-06-04

  • 如何利用SwiftUI实现可缩放的图片预览器

    这篇文章主要给大家介绍了关于如何利用SwiftUI实现可缩放图片预览器的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用SwiftUI具有一定的参考学习价值,需要的朋友可以参考下...2021-09-13

  • SwiftUI中@ViewBuilder的相关知识点解密

    IOS开发目前最主流的框架当属SwiftUI了,这篇文章主要给大家介绍了关于SwiftUI中@ViewBuilder的一些相关知识点,文中通过示例代码介绍的非常详细,需要的朋友可以参考下...2021-07-08

  • 英语单词state与status的区别

    state倾向于condition，是一种延续性的状态。status常用于描述一个过程中的某阶段（phase），类似于C语言中枚举型变量某一个固定的值，这个值属于一个已知的集合。这篇文章主要介绍了英语单词state与status的区别,需要的朋友可以参考下...2020-06-25

  • vuex中mapState思想应用

    这篇文章主要分享vuex中mapState思想及应用，在需求开发过程中，有的接口返回的结果中有很多字段需要展示到页面上。通常可以将这些字段在.vue文件中封装为计算属性，或者重新将对应字段赋值到 data 中的字段来达到便于使用的目的，具体内容，我们一起来看下面文章内容吧...2021-10-09

  • 在vue项目中利用popstate处理页面返回的操作介绍

    这篇文章主要介绍了在vue项目中利用popstate处理页面返回的操作介绍，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2020-08-06

  • asp.net生成静态后冗余代码,去掉viewstate生成的代码

    asp.net生成的viewstate垃圾信息超过了20K，如果页面前二K不是内容会被引擎处罚，所以我们需要清理下asp.net生成静态后冗余代码...2021-09-22

  • ASP.NET笔记之页面跳转、调试、form表单、viewstate、cookie的使用说明

    ASP.NET笔记之页面跳转、调试、form表单、viewstate、cookie的使用说明...2021-09-22

  • 状态保存机制之ViewState概述及应用

    无状态的根本原因是：浏览器和服务器使用Socket通信，服务器将请求结果返回给浏览器后，会关闭当前Socket连接,接下来介绍状态保存机制，感兴趣的朋友可以了解下...2021-09-22

  • SwiftUI学习之state和Binding的区别浅析

    这篇文章主要给大家介绍了关于SwiftUI学习之state和Binding区别的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2021-03-28

  • ASP.NET中Application、Cookie、Session、Cache和ViewState

    本文主要介绍Application、Cookie、Session、Cache和ViewState，并总结了在什么情况下使用他们，希望对大家有所帮助。...2021-09-22

  • WCF如何绑定netTcpBinding寄宿到控制台应用程序详解

    这篇文章主要给大家介绍了关于WCF如何绑定netTcpBinding寄宿到控制台应用程序的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用WCF具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧...2021-09-22

  • WPF快速入门教程之绑定Binding

    初学wpf，经常被Binding搞晕，以下记录写Binding的基础。下面这篇文章主要给大家介绍了关于WPF快速入门教程之绑定Binding的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考下...2020-06-25

  • aspx不显示ViewState的实例

    重写Render方法，来去掉ViewState，提高网站的性能...2021-09-22

  • 使用正则Regex来移除网页的EnableViewState实现思路及代码

    创建好网页时，什么都没有写，但运行时会发现源程序(View Source)，下面一段,此刻，也许你会想起，在网页有一个属性EnableViewState,在某些时候我们并不需要它，接下来将介绍如何移除它,感兴趣的朋友可以了解下啊...2021-09-22

  • ASP.NET中控件的EnableViewState属性及彻底禁用

    如果我们在开发Web应用程序时，某些控件是不需要接受用户的操作或只需要接受一次操作的时候，我们可以将这些控件的EnableViewState属性改为false，这样可以优化我们的程序，提高网络访问的速度。...2021-09-22

  • asp.net中ViewState的用法详解

    本文给大家介绍asp.net中viewstate的用法，涉及到viewstate的原理、用法、与session的对比等方面的知识，对viewstate用法感兴趣的朋友一起看看吧...2021-09-22

  • SwiftUI使用Paths和AnimatableData实现酷炫的颜色切换动画

    这篇文章主要介绍了SwiftUI使用Paths和AnimatableData实现酷炫的颜色切换动画，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧...2020-06-30

  • ASP.NET笔记之 viewstate与cache的使用

    本篇文章小编为大家介绍，ASP.NET笔记之 viewstate与cache的使用。需要的朋友参考下...2021-09-22