SwiftUI:如何在函数计算@State值的同时进行视图更新？

SwiftUI是一种用于构建用户界面的现代化框架，它提供了一种声明式的方式来描述和创建应用程序的UI。在SwiftUI中，@State是一种属性包装器，用于在视图中存储和管理可变的状态。当@State值发生变化时，SwiftUI会自动更新相关的视图。

要在函数计算@State值的同时进行视图更新，可以遵循以下步骤：

在视图结构体中声明一个@State属性，用于存储需要跟踪的状态值。例如，可以使用@State来存储一个布尔值，表示视图是否可见：
在视图结构体中声明一个@State属性，用于存储需要跟踪的状态值。例如，可以使用@State来存储一个布尔值，表示视图是否可见：
在视图的body属性中使用@State属性。当@State值发生变化时，SwiftUI会自动重新计算视图的body属性，并更新UI。
在视图的body属性中使用@State属性。当@State值发生变化时，SwiftUI会自动重新计算视图的body属性，并更新UI。
在上面的代码中，当点击"Toggle Visibility"按钮时，会切换isVisible的值，从而触发视图的重新计算和更新。

通过使用@State属性，SwiftUI能够自动追踪状态的变化，并在需要时更新相关的视图。这种机制使得开发者可以专注于描述UI的外观和行为，而不必手动处理视图的更新逻辑。

推荐的腾讯云相关产品：腾讯云函数计算（云函数）是一种事件驱动的无服务器计算服务，可帮助开发者在云端运行代码，无需关心服务器管理和运维。您可以使用腾讯云函数计算来托管和执行Swift代码，并与其他腾讯云服务集成。

腾讯云函数计算产品介绍链接地址：https://cloud.tencent.com/product/scf

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Ask Apple 2022 与 SwiftUI 有关的问答（上）

contextMenu_2022-10-26_14.01.21.2022-10-26 14_02_29如何对 @State 变量进行测试Q：对于测试 SwiftUI 视图中的 @State 变量是否有推荐的方式...在使用 environmentObject 的情况下，如何避免创建实例的视图被重新计算Q：如何在避免重新计算顶层视图 body 的情况下，在不同子树的两个子视图之间共享状态（例如 ObservableObject...在某些情况下，利用惰性视图修饰器，不仅可以保持视图身份的稳定，同时也能获得 SwiftUI 更多的优化。例如用 .opacity(value 视图中不断修改 id 的参数值，来重新初始化 State 的值。...从父视图通过环境值进行传递应该可以满足提问者当前的需求：父视图可以传入新值，当前视图也可以在视图范围内改变该值。总结我忽略掉了没有获得结论的问题。希望上述的整理能够对你有所帮助。

12.3K2 0

SwiftUI 与前端框架（如 React）中的状态管理对比

SwiftUI 借助 @State、@Binding、@EnvironmentObject 来管理不同层次的状态，而 React 则主要依赖于 useState 和 useContext 钩子进行状态管理...SwiftUI 的状态管理SwiftUI 的状态管理主要依靠属性包装器，如 @State、@Binding 和 @EnvironmentObject 来管理不同类型的状态。...@State@State 用于管理与视图紧密关联的本地状态。它是最基础的状态工具。...以下是一个可以运行的简单 SwiftUI 和 React 示例，展示了如何在两个框架中管理状态。...点击按钮时，计数也会实时更新。QA 环节Q1: 如何在 SwiftUI 中进行全局状态管理？

1831 0

Ask Apple 2022 与 SwiftUI 有关的问答（下）

视图的性能优化Q：面对复杂的用户界面时，控制视图中的更新范围的最佳做法是什么（以避免不需要的转发以及重复计算）。...在更复杂的 UI 中，由于视图的更新速度过快，性能（至少在 macOS 上）迅速下降。A：有不同的策略。ObservableObject 是使视图或视图层次结构的失效（引发重新计算）的单元。...，只提取你需要的属性，并依靠 SwiftUI 的 equality 检查来提前中止无效计算苹果工程师给出的答案与避免 SwiftUI 视图的重复计算[5] 一文中的很多建议都一致。...将背景扩展到安全区域Q：如果我有一个自定义的容器类型，可以接受一个顶部和底部的视图，是否有办法让 API 的调用者将所提供的视图的背景扩展到安全区域内，同时将内容（如文本或按钮）保留在安全区域内？...所以更想知道你需要这个速度值有什么特定的用途。可以尝试在获取位置改变的同时记录时间变化来计算速度。不过如果是涉及到用户交互，建议衡量一下用户对速度的敏感程度和交互效果本身，是否可以用更便捷的方式实现。

14.8K3 0

@State 研究

@State 研究如想获得更好的阅读体验，可以访问我的博客 www.fatbobman.com。...研究的意义何在我在去年底使用了SwiftUI写了第一个 iOS app 健康笔记，这是我第一次接触响应式编程概念。在有了些基本的认识和尝试后，深深的被这种编程的思路所打动。...按照苹果的说法，视图是状态的函数，而不是事件的序列（The views are a function of state, not a sequence of events）。...本文我们自己通过代码打造的@State半成品并不能创建和视图的依赖，我们如何才能完成这种依赖关联的创建？ @State不仅可以被用于对属性的包装，同时State本身也是一个标准的结构体。...如何在满足单一数据源的情况下最大限度享受SwiftUI的优化便利？我将在下一篇文章中进行进一步探讨。

3K2 0

避免 SwiftUI 视图的重复计算

每个视图都有与其对应的状态，当状态变化时，SwiftUI 都将重新计算与其对应视图的 body 值。...如果视图响应了不该响应的状态，或者视图的状态中包含了不该包含的成员，都可能造成 SwiftUI 对该视图进行不必要的更新（重复计算），当类似情况集中出现，将直接影响应用的交互响应，并产生卡顿的状况。...并且 SwiftUI 会在其变化时自动更新（重新计算）对应的视图。 SwiftUI 上有一个困扰了不少人的问题：为什么无法在视图的构造函数中，更改 State 包装的变量值？...创建新实例将新实例与 SwiftUI 当前使用的实例进行比对如实例发生变化，用新实例替换当前实例，对实例的 body 求值，并用新的视图值替换老的视图值视图的存续期不会因为实体的更替有所改变由于...为了避免产生重复计算，通过优化构造参数的设计，让实例仅在真正需要更新时才发生变化。由于创建视图类型实例的操作异常地频繁，因此一定不要在视图类型的构造函数中进行任何会对系统造成负担的操作。

9.3K8 1

探讨 SwiftUI 中的几个关键属性包装器

@State @State 是 SwiftUI 中最常用的属性包装器之一，主要用于在视图内部管理私有数据。它特别适合存储值类型数据，如字符串、整数、枚举或结构体实例。...@State 用于管理视图的私有状态。它主要用于存储值类型数据（与视图的生命周期一致）。典型应用场景当需要因视图内的数据变化而触发视图更新时，@State 是理想的选择。...: text) } @State 变量在视图的构造函数中只能赋值一次，后续的调整需要在视图的 body 内进行。...详见避免 SwiftUI 视图的重复计算[7]。如果不需要在当前视图或在子视图中（通过 @Binding ）修改值，无需使用 @State。...研究: https://fatbobman.com/posts/swiftUI-state/ [7] 避免 SwiftUI 视图的重复计算: https://fatbobman.com/posts/

3761 0

【愚公系列】《AIGC辅助软件开发》013-AI辅助客户端编程：AI辅助 iOS 应用开发

如果你是编程初学者，可以先学习 Swift 的基础语法，如变量、数据类型、控制流、函数等。...#### 2.2 状态管理- **@State**：学习如何使用 `@State` 管理视图的本地状态。- **@Binding**：了解如何在视图之间传递和绑定状态。...状态与绑定（State and Binding）在 SwiftUI 中，视图可以根据状态自动更新。`@State` 用于声明一个状态变量，当状态发生变化时，依赖这个状态的视图会自动更新。...当 `count` 变化时，依赖它的视图会自动更新。- `Text("Count: \(count)")`: 显示当前的 `count` 值，随着 `count` 的变化而动态更新。...`@State`- **功能**：`@State` 是 SwiftUI 中的属性包装器，用于声明可以改变的状态变量。这些变量在视图中使用时，当它们的值发生变化时，视图会自动更新。

901 0

深度解读 Observation —— SwiftUI 性能提升的新途径

提供属性级别的精确观察，且无需对可观察属性进行特别注解。减少 SwiftUI 中对视图的无效更新，提高应用性能。...如何在视图中使用可观察对象在视图中声明可观察对象与遵守 ObservableObject 协议的 Source of Truth 不同，我们会在视图中使用 @State 来确保可观察对象的声明周期。...SwiftUI 的视图如何观察属性的变化根据 Observation 框架的工作原理，我们可以推测 SwiftUI 大概会采用下面的方法在可观察属性与视图更新之间创建联系： struct A:View...SwiftUI 将根据可观察对象在视图中的注入方式选择对应的观察手段。例如，上文中同时满足两种观察途径的可观察对象，根据其注入的方式不同，SwiftUI 采用的更新策略也将不同。...更多对视图优化技巧，请阅读避免 SwiftUI 视图的重复计算[5] 一文。

6162 0

SwiftUI 与 Core Data —— 数据获取

这将有两个作用：数据变化后将引发与其绑定的视图进行更新由于底层数据并不保存在视图中，因此在视图存续期中 SwiftUI 可以随时创建新的视图描述实例而无需担心数据丢失虽然苹果没有公开 _makeProperty...（如 State ）实现类似的效果。...不可在 update 方法中同步地改变引发视图更新的数据与 SwiftUI 在视图中更新 Source of truth 的逻辑一致，在一个视图更新周期中，不能对 Source of truth 再度更新...，避免引发视图的不必要的更新通过创建一个具有包装用途的引用类型来持有需要修改的数据（在 @State 中持有引用），便可以达成如下目的：1、让数据的生命周期与视图生存期一致；2、数据可更改；3、更改数据不会引发视图更新...这是由于一旦 SwiftUI 的惰性容器中出现了多个 ForEach ，惰性容器将丧失对子视图的优化能力。任何数据的变动，惰性容器都将对所有的子视图进行更新而不是仅更新可见部分的子视图。

4.7K3 0

SwiftUI 的动画机制

视图和它子节点中的任何依赖项发生变化，都将满足启用动画插值计算的条件，并动画数据传递给作用范围内（视图和它子节点）的所有可动画部件。...对同一个动画部件的不同依赖项关联不同时长函数时（ duration 不一致或启用了 repeatForever ），插值的计算逻辑将会变得更加复杂，不同的组合会有不同的结果，需慎重使用。...协议，这是因为时序曲线函数只能对满足 VectorArithmetic 协议的类型进行插值计算。...当可动画部件关联的依赖项发生变化时，SwiftUI 将通过指定的时序曲线函数进行插值计算，并持续调用与该依赖项关联的可动画部件的 animatableData 属性。...由于两个分支视图在转场时会同时出现，因此只有在布局容器中才会正确的处理转场动画。Group 只能对其子元素进行统一设置，不具备处理两个分支视图同时出现的情况（会有一个视图分支的转场丢失）。

14.8K4 0

SwiftUI数据流之State&Binding

在SwiftUI中，以单一数据源（single source of truth）为核心，构建了数据驱动状态更新的机制。...你不能在外部改变 @State 的值，只能@State初始化时，设置初始化值，如注释1处所示，它的所有相关操作和状态改变都应该是和当前 View 生命周期保持一致。...如果User是一个类，属性本身就不会改变，所以@State不会注意到任何东西，也无法重新加载视图。即使类内的某个属性值发生变化，但@State不监听这些，所以视图不会被重新加载。...通常使用场景是把当前View中的@State值类型传递给其子View，如果直接传递@State值类型，将会把值类型复制一份copy，那么如果子View中对值类型的某个属性进行修改，父View不会得到变化...：body计算属性的的getter不可以被修改mutating 为什么可以修改flag 由于SwiftUI设计之初就是希望构建的View树保持不变，这样才能高效的渲染UI，跟踪变化，当标记为@State

4.1K3 0

掌握 Transaction，实现 SwiftUI 动画的精准控制

同时，在 SwiftUI 的动画系统中，有关 Transaction 的解释很少，无论是官方资料还是第三方文章，都没有对其运作机制进行系统的阐述。...欢迎大家在 Discord 频道[2] 中进行更多地交流 Transaction 是什么 transaction 是一个值，包含了 SwiftUI 在处理当前状态变化时需要了解的上下文，其中最重要的是用于计算插值的动画函数...每当状态发生变化时，SwiftUI 会根据是否由“显式动画”发起或是否有声明”隐式动画”等情况按需生成新的 transaction，并在需要的视图层次中进行传递。...在状态变化时，与当前变化状态有关联的可动画组件（通常遵守 Animatable 协议）将获取本次状态变化的上下文（transaction），得到动画曲线函数，并使用它来计算插值。...当关联的值发生变化时，更新保存的值。

5342 0

一段因 @State 注入机制所产生的“灵异代码”

通过这些方式注入的依赖，无论视图的 body 中是否使用了该实例的属性，只要该实例的 objectWillChange.send() 方法被调用，与其关联的视图都将被强制刷新（重新计算 body 值...，在 Text 中不包含 n 的情况下，即使 n 值改变，StateTest 视图的 body 也不会重新计算。...当在 Text 中添加 n 的引用后，每次 n 值发生变化，都将引发视图更新。....sheet 闭包中的函数，创建 Sheet 视图。...这意味着，相较于在原有视图树上创建分支，在新上下文中重建视图树的开销更大，需要进行的工作也更多。而 SwiftUI 为了优化效率，通常会对若干操作进行合并。

1.9K2 0

SwiftUI 状态管理系统指南

前言 SwiftUI与苹果之前的UI框架的区别不仅仅在于如何定义视图和其他UI组件，还在于如何在整个使用它的应用程序中管理视图层级的状态。...属性状态由于SwiftUI主要是一个UI框架（尽管它也开始获得用于定义更高层次结构（如应用程序和场景）的API），其声明式设计不一定需要影响应用程序的整个模型和数据层——而只是直接绑定到我们各种视图的状态...被用来表示SwiftUI视图的内部状态，并在该状态被改变时自动使视图更新。...观察对象 State和Bingding的共同点是，它们处理的是在SwiftUI视图层次结构本身中管理的值。...——我们可以将其应用于我们的层次结构中任何在其之上的视图。

5.1K2 0

SwiftUI Release 引入的辅助焦点管理

这个新功能使得在SwiftUI中处理辅助技术（如 VoiceOver 和 Switch Control）的焦点状态变得更加轻松。...SwiftUI 默认使用 false 值初始化该变量，因为用户可以聚焦屏幕的任何其他区域。我们还使用 focused 视图修饰符将特定视图的焦点状态绑定到保存其值的变量。...默认情况下，SwiftUI 会将设备上可用的所有辅助技术的值进行聚合。...总结在这篇文章中，我们深入探讨了 SwiftUI Release 引入的辅助焦点管理功能，使得处理辅助技术（如 VoiceOver 和 Switch Control）的焦点状态变得更加轻松。...通过详细的示例代码，我们演示了如何在 SwiftUI 中使用 @FocusState，以及如何通过 focused 视图修饰符将焦点状态绑定到特定的视图。

1221 0

干货 | 关于SwiftUI，看这一篇就够了

但是，在SwiftUI里面，视图中声明的任何状态、内容和布局，源头一旦发生改变，会自动更新视图，因此，只需要一次布局。在属性前面加上@State关键词，即可实现每次数据改动，UI动态更新的效果。...通过@propertyDelegate的修饰，能够解决不同类型的value进行特定的处理；上述包装的方法，能够建立视图与数据之间的关系，并且会判断在属性值发生变化的情况下，通知SwiftUI刷新视图，编译器能够为...用户交互过程中，会产生一个用户的action，从上图可以看出，在SwiftUI中数据的流转过程如下：该行为触发数据改变，并通过@State数据源进行包装； @State检测到数据变化，触发视图重绘；...因为，在 SwiftUI中这些属性的设置在内部都会用一个View来承载，然后在布局的时候就会按照上面示例的布局流程，一层层View的计算布局下来，这样做的优点是：方便底层在设计渲染函数时更容易做到monomorphic...同时SwiftUI中也是支持frame设定，但也不会像UIKit中那样作用于当前元素，在内部也是形成一个虚拟的View来承载frame设定，在布局过程中进行frame计算最终显示出想要的结果。

10.5K1 1

在SwiftUI中使用UIKit视图

在SwiftUI中使用UIKit视图如想获得更好的阅读体验可以访问我的博客www.fatbobman.com，或点击下方的阅读原文已迈入第三个年头的SwiftUI相较诞生初始已经提供了更多的原生功能...本文将通过对UITextField的包装来讲解以下几点： •如何在SwiftUI中使用UIKit视图•如何让你的UIKit包装视图具有SwiftUI风格•在SwiftUI使用UIKit视图需要注意的地方...该方法在UIViewRepresentable的生命周期中只会调用一次。•updateUIViewSwiftUI会在应用程序的状态（State）发生变化时更新受这些变化影响的界面部分。...其调用时机同标准SwiftUI视图的body一致，最大的不同为，调用body为计算值，而调用updateview仅为通知UIViewRepresentable视图依赖有变化，至于是否需要根据这些变化来做反应...context: Context，通过这个上下文，我们可以访问到Coordinator（自定义协调器）、transaction（如何处理状态更新，动画模式）以及environment（当前视图的环境值集合

8.3K2 2

在 SwiftUI 中实战使用 MapKit API

前言SwiftUI 与 MapKit 的集成在今年发生了重大变化。在之前的 SwiftUI 版本中，我们将 MKMapView 的基本功能封装到名为 Map 的 SwiftUI 视图中。...幸运的是，事情发生了变化，SwiftUI 引入了与 MapKit 集成的新 API。本篇文章我们将学习如何在 SwiftUI 的最新版本中使用可用的新功能丰富的 API 与 MapKit 集成。...正如我之前所说，在 SwiftUI 框架的早期版本中，我们有一个 Map 视图，为我们提供了 MapKit 的基本功能，该功能现在已被弃用。...Marker 是一个基本项，允许我们在地图上放置预定义的标记。Annotation 类型更先进，将使我们能够使用纬度和经度在地图上放置 SwiftUI 视图。...MapInteractionModes 类型定义了一组交互，如平移、俯仰、旋转和缩放。默认情况下，它启用所有可用的交互类型。总结今天，我们学习了在 SwiftUI 中集成 MapKit 的基础知识。

1900 0

WWDC 23 之后的 SwiftUI 有哪些新功能

Observation 框架为我们提供了 Observable 协议，必须使用它来允许 SwiftUI 订阅更改并更新视图。...对于值类型（如字符串和整数）和符合 Observable 协议的引用类型，只需使用 State 属性包装器。...框架引入了新的 PhaseAnimator 视图，它遍历阶段序列，允许为每个阶段提供不同的动画，并在阶段更改时更新内容。...每当用户滚动视图时，它会通过设置第一个可见视图的标识来更新绑定。...还可以通过编程方式滚动到任何视图，但是，应该使用 scrollTargetLayout 视图修饰符来告诉 SwiftUI 框架在哪里查找标识以更新绑定。

4032 0

在 SwiftUI 中创建一个环形 Slider

环形Slider Slider 控件是一种允许用户从一系列值中选择一个值的 UI 控件。在 SwiftUI 中，它通常呈现为直线上的拇指选择器。...有时将这种类型的选择器呈现为一个圆圈，拇指绕着圆周移动可能会更好。本文介绍如何在 SwiftUI 中定义一个环形的 Slider。...有关默认 Slider 的更多信息，可以参阅如何在 SwiftUI 中自定义 Slider 中自定义外观的内容。初始化环形轮廓从ZStack中的三个圆环开始。...视图被提取到一个单独的结构中，该结构具有圆形滑块上进度的一个绑定值。滑块的range的可选参数也是可用的。这需要对进度进行一些调整，以计算已设置的角度以及拇指在圆形滑块上位置的旋转角度。...另外调用onAppear根据View出现前的进度值计算旋转角度。

3.7K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云