首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

在 WWDC 2023 ,苹果介绍了 Swift 标准库新成员:Observation 框架。它出现有望缓解开发者长期面临 SwiftUI 视图无效更新问题。...此外,在 SwiftUI ,引用类型数据源(Source of Truth)采用了基于 Combine 框架 ObservableObject 协议实现。...这导致在 SwiftUI ,极易产生了大量不必要视图刷新,从而影响 SwiftUI 应用性能。 为了改善这些限制,Swift 5.9 版本推出了 Observation 框架。...减少 SwiftUI 对视图无效更新,提高应用性能。...Observation 是否解决了 ObservableObject 性能问题 是的,Observation 框架从两方面改善了可观察对象在 SwiftUI 性能表现: 通过观察视图中可观察属性而不是可观察对象

48820

SwiftUI-数据流

SwiftUI界面是严格数据驱动:运行时界面的修改,只能通过修改数据来间接完成,而不是直接对界面进行修改操作。...A Single Source Of Truth: 保持单一数据源,在 SwiftUI 不同视图之间如果要访问同样数据,不需要各自持有数据,直接共用一个数据源即可,这样做好处是无需手动处理视图和数据同步...ObservableObject 在应用开发过程,很多数据其实并不是在 View 内部产生,这些数据有可能是一些本地存储数据,也有可能是网络请求数据,这些数据默认是与 SwiftUI 没有依赖关系...使用@EnvironmentObject,SwiftUI 将立即在环境搜索正确类型对象。如果找不到这样对象,则应用程序将立即崩溃。...最终再次呈现给用户,等待下次界面操作 注意 在 SwiftUI ,开发者只需要构建一个视图可依赖数据源,保持数据单向有序流转即可,其他数据和视图状态同步问题 SwiftUI 帮你管理,所以 ViewController

10K20
您找到你想要的搜索结果了吗?
是的
没有找到

我庆幸果断放弃了SwiftUI:它还不够成熟

考虑到配套创作工具 CiderKit 在发展成熟过程也变得愈发复杂,再加上创建各种窗口和 UI 元素实际需求,我决定尝试用用 SwiftUI。...好在配合 some 关键字和 opaque 类型等设计,我最终还是为可选对象找到了一种实现方法,让每个对象都能提供自身特定 UI 元素。...首先,由可选对象提供视图在每次重绘时都是在完全重新创建。我虽然通过缓存稍稍提升了性能表现,但实际体验仍然非常糟糕。事实证明,SwiftUI 检查器视图就是没法提供合理重绘速度。...但这会导致检查器值出现延迟,因此在地图编辑器交互过程(比如使用移动工具时)结果不准确,所以效果还是称不上完美。 但我觉得这可能只是个独立问题,并不能因此把 SwiftUI 一棒子打死。...我打算在 Nihongo no Kana 更新版本再用用 SwiftUI,毕竟那款 iOS/iPadOS 应用重绘频率低得多,所以应该不会有太大问题。

4.9K20

SwiftUI:alert() 和 sheet() 与可选值一起使用

SwiftUI有两种创建警报和表单方式,到目前为止,我们仅使用一种方法:绑定到布尔值,该布尔值在变为 true 时显示 Alert 或 Sheet。...第二种方法并不经常使用,但是在您需要时候它确实有用:您可以使用可选Identifiable对象作为条件,并且当该对象具有值时将显示 Alert 或Sheet 。...它闭包将为您提供用于条件可选值,因此您可以安全地使用它。...出现提示“Taylor Swift”警报。解除警报后,SwiftUI会将selectedUser设置为nil。 这似乎是一个简单功能,但是比其他功能更简单,更安全。...id)) } } } 那是另一个属性,在onTapGesture()设置另一个值,并在alert()修饰符强制展开——如果您可以避免这些事情的话那随你好了。

2.4K40

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

在这篇文章,我们将探讨几个在 SwiftUI 开发中经常使用且至关重要属性包装器。本文旨在提供对这些属性包装器主要功能和使用注意事项概述,而非详尽使用指南。...在构造方法赋值时,需通过 _ 下划线访问 @State 原始值并进行赋值。...: String = "" } } @StateObject @StateObject 是 SwiftUI 中用于管理符合 ObservableObject 协议对象实例属性包装器,以确保这些实例生命周期与当前视图一致...引入 @StateObject 意味着所有相关操作都在主线程上进行( SwiftUI 会隐式为视图添加 @MainActor),包括异步操作。应将需要在非主线程上运行代码应该从视图代码剥离。...中用于为视图与 ObservableObject 实例之间创建关联属性包装器,主要用于在视图存续期内引入外部 ObservableObject 实例。

17710

SwiftUI Stack

昨天我们简单浏览了一下SwfitUI,今天看看里面的组件吧 就从Stack说起,stack查看文档我们看到HVZ三种stack,那么分别是怎么用呢?...ZStack import SwiftUI struct SKZStack :View { var body: some View{ ZStack { Text(...从图观察我们知道,ZStack是大家在水平规则上一样,然后进行z方向叠加,理解起来就是我们是个显示屏是平面,在这个基础上来个垂直于屏幕方向上设置个轴线按次序把UI叠放在上面 VStack import...SwiftUI struct SKVStack: View { var body: some View { VStack(alignment: HorizontalAlignment.leading...这个很明显啦,就是大家按次序从上往下按照先后顺写在一个平面排列起来,有点类似排队感觉 HStack import SwiftUI struct SKHStack:View { var body

2.2K10

SwiftUI @State @Published @ObservedObject 深入理解和使用

1.SwiftUI 是Apple 新出面向未来、跨多端解决方案、声明式编程 SwiftUI最新版本 2.0 但是需要 IOS 14 支持,多数现在还用是IOS 13 所以很多不完善东西都用SwiftUIX...但是相信我,这是值得:随着你进步,你会了解到SwiftUI经常破坏和重新创建你结构体,所以保持它们小而简单结构对性能很重要。...提示:在SwiftUI存储程序状态有几种方法,您将学习所有这些方法。@State是专门为存储在一个视图中简单属性而设计。...@Published + @ObservedObject 介绍 @Published是SwiftUI最有用包装之一,允许我们创建出能够被自动观察对象属性,SwiftUI会自动监视这个属性,一旦发生了改变...(代码注释部分最为主要,务必看完) 虽然上面案例运行什么都正常展示加载,但是到了实际项目中,却一堆bug,这是如何导致,如果对 这三种状态跟View绑定关系不了解,很可能给自己留下隐患 先来看组案例

2.9K10

SwiftUI 下使用 NSUbiquitousKeyValueStore 同步数据

对于不返回可选类型,应避免使用简便方法来获取值。...defaultValue } return result } let count = getInt(key: "count", defaultValue: 30) // longLong 返回值不是可选值...在 SwiftUI 视图中使用 NSUbiquitousKeyValueStore 本节,我们将在不使用任何第三方库情况下,实现 SwiftUI 视图对 NSUbiquitousKeyValueStore...因此需要寻找一种适合 SwiftUI 方式,将键值对统一配置、集中管理。 在 @AppStorage 研究[7] 一文,我介绍过如何对@AppStorage 进行统一管理、集中注入方法。...我对 CloudStrorage 进行了一点修改,在几个数据更改时机点上添加了通知机制,通过在符合 ObservableObject ,响应该通知并调用objectWillChange.send

4.9K40

ObservableObject研究

ObservableObject研究——想说爱你不容易 如想获得更好阅读体验,可以访问我博客www.fatbobman.com 本文主要研究在SwiftUI,采用单一数据源(Single Source...of Truth)开发模式,ObservableObject是否为最佳选择。...总的来说,当前在SwiftUI框架下,大家实现手段主要不同都体现在细节上,大方向、模式、代码构成基本都差不多: •Store对象遵守ObservableObject协议•State保存在Store...对于遵循ObservableObject对象依赖注入时机 在 @State研究 什么时候建立依赖?...在区域范围内来创建被维持一个小状态,主要可以使用以下几种手段: •善用@State 在 @State研究 这篇文章,我们讨论了SwiftUI对于@State优化问题。

2.4K60

SwiftUI 布局工作原理

在此过程,您还将学习如何创建更高级布局对齐,使用GeometryReader构建特殊效果,以及更多——我知道您会热衷于在自己应用程序中部署一些真正强大功能。...SwiftUI 布局工作原理 ---- 所有的 SwiftUI 布局都有三个简单步骤,理解这些步骤是每次获得优秀布局关键。步骤如下: 父视图提供一个大小并询问其子视图大小。...,我向您解释过,当您对视图应用修饰符时,我们实际上会得到一个名为ModifiedContent新视图类型,它存储了原始视图及其修饰符。...这意味着当我们应用修饰符时,进入层次结构实际视图是修改后视图,而不是原始视图。 在我们简单background()示例,这意味着ContentView顶层视图是背景,而内部是文本。...如果我们把这个放到三步布局系统,我们最终会有一个类似这样对话: SwiftUI:“嘿,ContentView,你自己拥有整个屏幕——你需要多少?

3.7K20

为自定义属性包装类型添加类 @Published 能力

协议,通过 @Published 标记属性在发生改变时,除了会通知自身 Publisher 订阅者外,也会通过包裹它类实例 objectWillChange 来通知类实例( 符合 ObservableObject...这一特性,也让 @Published 成为 SwiftUI 中最有用属性包装器之一。...@Published 版本 —— @PublishedObject 提示: @PublishedObject wrappedValue 为遵循 ObservableObject 协议引用类型 在属性包装器订阅...因此,我们可以使用如下代码在 SwiftUI 中统一管理 UserDefaults : class Defaults: ObservableObject { @AppStorage("name...,可以将 @AppStorage 和 @CloudStorage 统一管理,以方便在 SwiftUI 视图中使用: class Settings:ObservableObject { @AppStorage

3.2K20

SwiftUI 与 Core Data —— 安全地响应数据

当开发者在模型编辑器为属性设置了默认值( 取消可选 ),在 Xcode 自动生成托管对象类定义代码仍会将不少类型声明为可选值类型。通过手动修改类型( 将 String?...例如下面的 count 属性( Integer 16 )在模型编辑器中被设定为可选,但在生成代码仍将为非可选值类型( Int16 )。...之所以出现上述情况,是因为 Xcode 模型编辑器 optional 并非对应 Swift 语言中可选值。...可能开发者会有这样疑问,假如某个实体属性在模型中被定义为可选,且在托管对象类型声明也为可选值类型( 例如上方 timestamp 属性 ),那么如果在可以保证 save 时一定有值情况下,是否可以在使用中使用...由于 AnyConvertibleValueObservableObject 符合 ObservableObject 协议,一样会引发 Cell 视图更新,在新一轮渲染,如果我们限定 convertToGroup

3.2K20

用AsyncAwait重建SwiftURedux-like状态容器

经过两年多时间,SwiftUI发展到当前3.0版本,无论SwiftUI功能还是Swift语言本身在这段时间里都有了巨大提升。是时候使用Async/Await来重构我状态容器代码了。...SwiftUI状态容器 我是从王巍SwiftUI与Combine编程[1]一书中,第一次接触到Single souce of truth式编程思想。...1.0版本 在编写健康笔记1.0[2]时,我采用了SwiftUI与Combine编程[3]一书中提出解决方式。 对于副作用采用从Reducer返回Command方式来处理。...2.0版本 通过阅读、学习Majid文章Redux-like state container in SwiftUI[4],在健康笔记[5]2.0,我重构了Store代码。...Majid实现方式最大提升在于,大大简化了副作用代码复杂度,将原本需要在副作用处理Publisher生命周期管理集中到了Store

1.8K20

Ask Apple 2022 与 SwiftUI 有关问答(下)

在更复杂 UI ,由于视图更新速度过快,性能( 至少在 macOS 上 )迅速下降。A:有不同策略。ObservableObject 是使视图或视图层次结构失效( 引发重新计算 )单元。...,只提取你需要属性,并依靠 SwiftUI equality 检查来提前中止无效计算苹果工程师给出答案与 避免 SwiftUI 视图重复计算[5] 一文很多建议都一致。...实际上,我们有一个非常棒 WWDC 演讲[9],详细介绍了并发性和 SwiftUI ,特别提到了有关使用 ObservableObject 情况。...Too complex to type checkQ:我在 iOS 14 SwiftUI 遇到一个问题,我试图有条件地显示 3 个符合 Shape 协议对象一个。...在 SwiftUI ,有一个从第一版开始就存在但尚未公开SwiftUI 实现滚动容器 —— _ScrollView 。

14.7K30

解析 SwiftUI 两处由状态更新滞后引发严重 Bug

但是,SwiftUI 一些系统控件并没有完全遵循响应式设计原则,由此在某些情况下会出现严重错误,影响用户体验,并使开发者无所适从。...本文将解析 SwiftUI 两个由于未能贯彻响应式编程原则而导致严重错误,并提供相应解决方案。...原文发表在我博客 肘子Swift记事本视图变化在前、状态变化在后在 SwiftUI ,某些可编程控件在执行一定操作时,会先更新视图,待视图变化完成后再修改与其对应状态。...通过手势取消 Sheet 后,快速右滑导航容器会导致应用锁死这是一个在 SwiftUI 所有版本存在错误,你可以在众多论坛或聊天室里看到不少开发者都在寻找解决方法。...随着版本提高,SwiftUI 功能也确实得到了相当程度增加。不过,即使在最新版本,在一些对 UIKit(AppKit)进行二次包装控件,仍有不少细节处理不到位问题。

579110

SwiftUI水平条形图

SwiftUI水平条形图 水平条形图以矩形条形式呈现数据类别,其宽度与它们所代表数值成正比。本文展示了如何在垂直条形图基础上创建一个水平柱状图。 水平条形图不是简单垂直条形图旋转。...在Numbers 等应用程序,水平条形图被定义为独立图表类型,而不是垂直条形图。除了条形差异外,x轴和y轴格式也需要不同。...Bar Chart with multiple data sets in SwiftUI SwiftUI 水平条形图 将条形图转换为水平 水平条形图不仅仅是在垂直条形图上配置,有一些元素是可以重复使用...在创建垂直条形图时学到技术可以重复使用,但最好将水平条形图视为与垂直条形图不同图表。当我们深入到轴等组件时,可以看到两个图表轴线都是一样,但是它们标签和定位在x和y之间是换位。...这可能是将这些组件分解成更小SwiftUI视图并通过组合来重用原因。

4.7K20
领券