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

将SwiftUI drawingGroup()方法应用于使用ForEach生成的视图时,该方法似乎存在错误

SwiftUI中的drawingGroup()方法用于将视图的绘制内容缓存为位图,以提高性能。然而,在使用ForEach生成的视图中应用drawingGroup()方法时,可能会遇到一些问题。

错误的原因可能是由于ForEach生成的视图具有动态性,而drawingGroup()方法在处理动态视图时可能会出现错误。这可能导致绘制内容不正确或无法更新。

为了解决这个问题,可以尝试以下几种方法:

  1. 将drawingGroup()方法应用于ForEach之前的父视图,而不是ForEach生成的视图本身。这样可以确保整个ForEach视图都被缓存为位图,而不仅仅是单个子视图。
  2. 尝试使用其他方法来优化性能,例如使用List或LazyVStack来生成动态视图,这些方法在处理大量数据时通常更高效。
  3. 如果可能的话,尝试减少视图的复杂性,以降低绘制的工作量。可以考虑将视图拆分为更小的组件,以便更好地利用drawingGroup()方法的优势。

总之,尽管SwiftUI的drawingGroup()方法在大多数情况下都能正常工作,但在使用ForEach生成的视图时可能会遇到一些问题。通过将drawingGroup()方法应用于适当的父视图,使用其他性能优化方法或简化视图的复杂性,可以解决这些问题。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

SwiftUI 的动画机制

阅读本文前,读者最好已拥有在 SwiftUI 中使用动画编程的经历,或对 SwiftUI 动画的基本使用方法有一定的了解。可以在 此处获取本文的全部代码[2] SwiftUI 的动画是什么?...在 SwiftUI 中,我们不能命令某个视图从一个位置移动到另一个位置,为了实现上述效果,我们需要声明该视图在状态 A 时所处的位置以及状态 B 时所处的位置,当由状态由 A 转到 B 时,SwiftUI...关联的方式有:视图修饰符 animation 或全局函数 withAnimation 。 SwiftUI 的动画异常(与开发者的预期不符)很多情况下均与错误的关联方式、错误关联位置等因素有关。...比如,在出场动画进行中时,将状态 show 恢复成 true ,SwiftUI 将会保留当前的分支状态(不会重新创建视图,参见本文附带的范例)。...因此有很大的可能因为对视图的识别错误,而产生动画异常。下面的动图中,当出现相同元素时,SwiftUI 给出了警告提示。

14.8K40

Ask Apple 2022 与 SwiftUI 有关的问答(上)

A:当在其他类型的 UIViewControllers 中使用 UIHostingController 时,你可能会通过调用托管控制器的方法来触发视图加载提前发生。...对我来说,这似乎是一个完全合理的实现。如果你遇到了性能问题或者希望大幅扩展你所绘制的图片数量,可以试一下 .drawingGroup 和 Canvas APIs ,它们都可以用于更密集地绘制。...除了使用习惯外,还应考虑偏移后的视图是否需要会对周边的视图产生影响( 布局层面 )。详情请阅读 在 SwiftUI 中实现视图居中的若干种方法[14] 。...但是从一个文本字段到下一个文本字段的聚焦感觉不够流畅,而且每当我在一个文本字段中输入一个字母时,我的 CPU 使用率似乎会飙升到 70% — 100%。...这种方法的唯一问题是,当我添加新数据时,内存使用量增加。A:@EnvironmentObject / environmentObject 可能是跨视图层次共享同一模型的最佳工具。

12.3K20
  • 高级 SwiftUI 动画 — Part 1:Paths

    当给一个视图制作动画时,SwiftUI 实际上是多次重新生成该视图,并且每次都修改动画参数。这样,它就会从原点值渐渐走向最终值。 假设我们为一个视图的不透明度创建一个线性动画。...该框架将多次重新生成视图,以小幅度的增量来改变不透明度。...SwiftUI 已经为不透明度制作了动画,而不需要我担心这一切。是的,这是真的,但只要 SwiftUI 知道如何将数值从原点插值到终点。对于不透明度,这是一个直接的过程,SwiftUI 知道该怎么做。...你只需要添加 .drawingGroup() 修饰符: FlowerView().drawingGroup() 根据 WWDC 2019, Session 237(用SwiftUI构建自定义视图):绘图组是一种特殊的渲染方式...它将打开改变我们的视图和动画的新方法的大门。与 Paths 一样,SwiftUI 没有关于如何在两个不同的变换矩阵之间转换的内置知识。GeometryEffect将有助于我们这样做。

    3.8K20

    SwiftUI 与 Core Data —— 数据获取

    本文中我们将探讨在 SwiftUI 视图中批量获取 Core Data 数据的方式,并尝试创建一个可以使用 mock 数据的 FetchRequest。...这将有两个作用:数据变化后将引发与其绑定的视图进行更新由于底层数据并不保存在视图中,因此在视图存续期中 SwiftUI 可以随时创建新的视图描述实例而无需担心数据丢失虽然苹果没有公开 _makeProperty...当 SwiftUI 在视图存续期中重新创建视图描述实例时,自定义类型也将一并重新创建在视图存续期中,如果 SwiftUI 创新创建了视图描述实例,那么无论视图描述( 符合 View 协议的 Struct...类型中的可引发视图更新的数据发生变化后调用该方法。...这是由于一旦 SwiftUI 的惰性容器中出现了多个 ForEach ,惰性容器将丧失对子视图的优化能力。任何数据的变动,惰性容器都将对所有的子视图进行更新而不是仅更新可见部分的子视图。

    4.7K30

    onAppear 的调用时机

    假设排除了苹果起名出现了错误这个原因,此时的 appear 更像是针对 SwiftUI 系统来说的。...,在父视图询问其需求尺寸时将通过控制台报告给我们。...通过 UIViewControllerRepresentable 封装的“视图”并非真正的视图,对于 SwiftUI 来说,它就是一块给出了需求尺寸的黑洞,因此并不存在求值一说。...第一段代码对 VStack 进行求值计算到 Text ,创建 Text 实例创建实例时,需要调用 getWord 来获取参数此时由于 newWords 数组为空,因此出现数组越界的错误也就是说,在第一段代码报错时...,此时 newWords 已经有值了,ForEach 将正常处理所有的子视图总结在本文中,我们通过 SwiftUI 4 提供的新工具明确了 onAppear 的调用时机,或许这是新 API 开发时未曾想到的功能应用

    2.1K20

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

    本文将介绍可能在视图中产生严重错误的原因,如何避免,以及在保证视图对数据变化实时响应的前提下如何为使用者提供更好、更准确的信息。由于本文会涉及大量前文中介绍的技巧和方法,因此最好一并阅读。...从另一个角度来看,即使在托管上下文中使用 delete 方法删除该实例在数据库中对应的数据,但如果该托管对象实例仍被代码或视图所引用,Swift 并不会销毁该实例,此时,托管对象上下文会将该实例的 managedObjectContext...并没有出现崩溃的情况。难道我们上面的论述都是错误的?由于在 Core Data 模版代码中,只使用了一行代码来声明次级视图:Text("Item at \(item.timestamp!...任何可能脱离视图的传递过程都应使用托管对象实例对应的值类型版本。在更改数据时进行二次确认为了避免对主线程造成过多的影响,我们通常会在私有上下文中进行会对数据产生变化的操作。...将操作方法的参数设置为值类型,将迫使开发者在对数据进行操作时( 添加、删除、更改等 )首先需要确认对应数据( 数据库中 )是否存在。

    3.3K20

    如何让 SwiftUI 的列表变得更加灵活

    前言 List 可能是 SwiftUI 附带的内置视图中最常用的一种,它使我们能够在任何 Apple 平台上呈现“类似于表格视图”的用户界面。...作为起点,假设我们正在处理以下 ArticleList 视图,该视图使用 ArticleListViewModel 来呈现文章列表: struct ArticleList: View { @ObservedObject...,可以让我们的开发更加方便,阅读时感觉更加自然。...由于每个 article 值在 ForEach 闭包中都是可变的,我们可以使用新的 swipeActions 修饰符来实现每个 NavigationLink 项目视图的自定义滑动操作。...在列表中使用 refreshable 修饰符就可以完成,然后使用该修饰符的闭包 await 调用视图模型的异步 reload 方法: struct ArticleList: View { @ObservedObject

    4.9K41

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

    快速检索数组元素Q:为什么没有简单的方法将 TABLE 选择的行映射到提供表内容的数组元素上?似乎唯一的方法是在数组中搜索匹配的 id 值,这对于大表来说似乎效率很低。....}// 可以用类似字典的方式对元素进行操作,快速定位,同时在更新 IdentifiedArray 时,也不容易引发 ForEach 的异常todos[id:id] = newTodo自定义布局Q:在实现自定义布局时...macOS APIQ:对于运行 Monterey 的 Mac,能否如何在 SwiftUI 中实现下面需求的建议:打开一个窗口在该窗口中初始化数据找到所有打开的窗口确定一个窗口是否打开从不在该窗口的视图中关闭一个窗口...将视图的功能分散到函数、更小的视图结构以及视图修饰器当中是很好的解决方法。...然而,两个内容相同的视图之间的交换并不能使视图顺利地产生动画,因为两者的文本也被动画化了。我正在使用仅禁用 TextField 的替代方法,但有没有办法引导动画以使用文档中的方法?

    14.8K30

    构建稳定的预览视图 —— SwiftUI 预览的工作原理

    image-20230522110636690 你会发现预览无法正常使用,错误提示为: image-20230522110719469 我们再次查找当前项目 Derived Data 目录下尾缀为 ....在衍生代码中,Xcode 使用 @_dynamicReplacement 为多个函数提供了替代方法。在预览时,以替代后的 __preview__previews 方法作为预览入口。...了解了问题所在,我们还可以使用其他两种方式来解决之前的代码无法在预览中使用的问题。 方法一 将 Item 从 ContentView 中移出来,放置到与 ContentView 同级的代码位置。...在该方法中,大概率进行了定义预览相关的环境设置、设置预览初始状态等操作。最后,再创建了几个专门用于预览的进程。...开发者使用预览时需要清醒地认识到其局限性,并避免在预览中实现超出其能力范围的功能。 接下来 在本文中,我们探讨了 Xcode 预览功能的实现原理,并指出其存在一定局限性。

    59010

    SwiftUI 布局 —— 尺寸( 上 )

    在 Layout 协议中,对应的是 sizeThatFits 方法。经过该阶段的协商,SwiftUI 将确定视图所在屏幕上的位置和尺寸。...第二阶段 —— 安置子民 在该阶段,父视图将根据 SwiftUI 布局系统提供的屏幕区域( 由第一阶段计算得出 )为子视图设置渲染的位置和尺寸( 上方的 5-6 )。...当父视图想获得子视图在最大模式下的需求尺寸时,会为其提供该模式的建议尺寸 明确尺寸模式 非 0 或 infinity 的数值。...为子视图提供不同的建议模式的目的是获得在该模式下子视图的需求尺寸,具体使用哪种模式,完全取决于父视图的行为设定。...渲染尺寸 在布局的第二阶段,当 SwiftUI 的布局系统调用布局容器( 符合 Layout 协议 )的 placeSubviews 方法时,布局容器会将每个子视图放置在给定的屏幕区域( 尺寸通常与该布局容器的需求尺寸一致

    4.8K20

    避免 SwiftUI 视图的重复计算

    通过 _makeProperty 方法,SwiftUI 得以实现在将视图加载到视图树时,把所需的数据( 值、方法、引用等 )保存在 SwiftUI 的托管数据池中,并在属性图( AttributeGraph...)中将视图与该 Source of Truth 关联起来,让视图响应其变化( 当 SwiftUI 数据池中的数据给出变化信号时,更新视图 )。...当 SwiftUI 将视图加载到视图树时,通过调用 _makeProperty 完成将数据保存到托管数据池以及在属性图中创建关联的操作,并将数据在托管数据池中的引用保存在 _location ( AnyLocation...当 SwiftUI 将视图从视图树上删除时,会一并完成对 SwiftUI 数据池以及关联的清理工作。如此,使用 State 包装的变量,其存续期将与视图的存续期保持完全一致。...store 实例的属性或方法,但无论在任何场合,但只要该实例的 objectWillChange.send 方法被调用( 例如修改了使用 @Published 包装的属性 ),所有与之相关联的视图(

    9.3K81

    优化在 SwiftUI List 中显示大数据集的响应效率

    首先创建一个假设性的需求: 一个可以展示数万条记录的视图 从上个视图进入该视图时不应有明显延迟 可以一键到达数据的顶部或底部且没有响应延迟 响应迟钝的列表视图 通常会考虑采用如下的步骤以实现上面的要求:...在 SwiftUI 中为视图设置显式标识目前有两种方式: 在 ForEach 的构造方法中指定 由于 ForEach 中的视图数量是动态的且是在运行时生成的,因此需要在 ForEach 的构造方法中指定可用来标识子视图的...通过它,开发者可以使用任何符合 Hashable 协议的值为视图设置显式标识。ScrollViewProxy 的 scrollTo 方法就是通过该值来找到对应的视图。...当仅通过 ForEach 来指定显示标识时,List 会对这些视图的显示进行优化,仅在需要显示时才会对其进行实例化。...使用了 id 修饰符相当于将这些视图从 ForEach 中拆分出来,因此丧失了优化条件。 总之,当前在数据量较大的情况下,应避免在 List 中对 ForEach 的子视图使用 id 修饰符。

    9.3K20

    只在视图 Body 中生存的变量

    SwiftUI 通过调用视图实例的 body 属性来获取视图值。...但很少有人会在 body 中去使用 var 来定义变量,因为实在找不到使用 var 的理由和意义。本文将探讨在 SwiftUI 的视图 body 中用 var 来创建变量的意义和可能的场景。...不过就和通过 let _ = print("update") 能够帮助我们了解视图的动态一样,掌握了在 body 中通过 var 创建变量及应用的方法,也将有助于开发者更好地理解 SwiftUI 视图的求值逻辑并掌握其时机...为什么和想象的不一样!起始点不是 0 ? 同我们不要去推断在一个视图的存续期内,SwiftUI 会创建多少个该视图的实例一样,我们也不应假设,在渲染第一行数据之前,body 没有被调用过。...,让我们可以直接在结果生成器中使用惰性变量。

    69610

    GeometryReader :好东西还是坏东西?

    GeometryReader 自 SwiftUI 诞生之初就存在,它在许多场景中扮演着重要的角色。然而,从一开始就有开发者对其持负面态度,认为应尽量避免使用。...一个容器视图,根据其自身大小和坐标空间定义其内容。 严格来讲,我并不完全赞同上述描述。这并非因为存在事实上的错误,而是这种表述可能会引起用户的误解。...这种描述可以有效地避免几何信息主要应用于子视图的误解。...当前,GeometryReader 以一个布局容器的形式存在,其布局规则如下: 它是一个多视图容器,其默认堆叠规则类似于 ZStack 将父视图的建议尺寸( Proposed size )作为自身的需求尺寸...请阅读 用 SwiftUI 的方式进行布局[9] 和 在 SwiftUI 中实现视图居中的若干种方法[10] 两篇文章,以了解面对同一个需求,SwiftUI 有多种布局手段。

    65670

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

    本文将解析 SwiftUI 中两个由于未能贯彻响应式编程原则而导致的严重错误,并提供相应的解决方案。...原文发表在我的博客 肘子的Swift记事本视图变化在前、状态变化在后在 SwiftUI 中,某些可编程控件在执行一定的操作时,会先更新视图,待视图变化完成后再修改与其对应的状态。...通过手势取消 Sheet 后,快速右滑导航容器会导致应用锁死这是一个在 SwiftUI 所有版本中存在的错误,你可以在众多的论坛或聊天室里看到不少的开发者都在寻找解决方法。...,左上角的 Back 按钮将消失,但视图并没有返回根视图图片如果我告诉你,上述情况正是由前文提到的状态更新滞后所导致,那么你该如何避免这个问题呢?...状态更新滞后不仅存在于本文介绍的两个案例中,当开发者遇到类似情况时,可以尝试采用状态更新优先的开发策略进行修改。总结今年 SwiftUI 已经进入了第五个年头。

    759110

    SwiftUI 视图的生命周期研究

    当 State 发生变化后,SwiftUI 会生成一棵新的视图值树(Source of truth 没有发生变化的节点,不会重新计算,直接使用旧值),并同老的视图值树进行比对,SwiftUI 将对其中有变化的部分重新布局渲染...•在 SwiftUI 生成视图值树时,当发现没有对应的实例时,SwiftUI 会创建一个实例从而获取它的 body 结果。...•在生成新的视图值树时,即使已经有可以对应的实例(该实例并未销毁),SwiftUI 仍可能会创建一个新的实例。...每个视图值都有对应的标识符,视图值和标识符结合在一起代表屏幕上的某一块视图。 在 Source of trueh 发生变化后,视图值也会随之发生变化,但由于标识符不变,则该视图将仍然存在。...在前文的视图值树介绍中我们提到,当 SwiftUI 重建该树时,如果树上某个节点(视图)的 Source of truth 没有发生变化,将不重新计算,直接使用旧值。

    4.5K30

    架构之路 (五) —— VIPER架构模式(一)

    VIPER为这种情况提供了一种替代方案,可以与SwiftUI和Combine结合使用,帮助构建具有清晰架构的应用程序,该架构有效地分离了所需的不同功能和职责,如用户界面、业务逻辑、数据存储和网络。...该模型使用一个JSON文件来实现本地持久性,但是您可以使用一个远程后端来代替它,而不必修改任何ui级代码。这就是干净体系结构的优点之一:当您更改一个部分(比如持久层)时,它与代码的其他部分是隔离的。...SwiftUI将所有目标视图声明为当前视图的一部分,并根据视图状态显示它们。...要将VIPER映射到SwiftUI,视图现在负责显示/隐藏视图,路由router是一个目标视图生成器,presenter在它们之间进行协调。...当您将其放置在NavigationView中时,该链接将成为一个按钮,将destination推送到导航堆栈上。 content块可以是任何一个SwiftUI视图。

    17.6K10

    深入了解 SwiftUI 5 中 ScrollView 的新功能

    默认的 ContentMarginPlacement(.automatic)将导致指示器与内容之间的长度不一致。如果想保持长度一致,应使用.scrollContent。...可采用 优化在 SwiftUI List 中显示大数据集的响应效率[5] 一文中介绍的方式来解决。 scrollPostion(id:) 使用此修饰符可以让滚动视图滚动到特定的位置。...仅适用于 ScrollView 当 ForEach 中的数据源遵循 Identifiable 协议时,无需显式使用 id 修饰符设置标识 与 scrollTargetLayout 配合使用,可以获取当前的滚动位置...(视图标识) 不支持锚点设定,固定锚点为子视图的 center 正如 优化在 SwiftUI List 中显示大数据集的响应效率[6] 一文所提到的,当数据集很大时,也会出现性能问题。...当子视图滑入和滑出包含它的滚动视图的可视区域时,scrollTransition 会对该视图应用给定的过渡动画,并在不同阶段之间平滑地过渡。

    92120

    如何在Xcode下预览含有Core Data元素的SwiftUI视图

    在预览含有Core Data元素的视图时崩溃的出现次数会愈发频繁,在某种程度上可能已经影响了开发者在SwiftUI中使用Core Data的热情。...其他视图、方法、声明等的代码错误,都可能会导致你无法预览当前的视图。 在排查视图预览崩溃的原因时,一定不能只关注当前视图或临近视图的代码,其他代码中的错误可能才是罪魁祸首。...SwiftUI预设了大量同系统有关的环境值,通过设置或响应这些数据,我们可以修改系统配置或读取系统信息。 SwiftUI视图采用树状结构组织,在任意节点视图上注入的环境数据都将影响该节点的所有子视图。...对于当前视图的环境注入,必须在其祖先视图中完成。 如果视图中声明了对某个环境数据的依赖,而忘记在其祖先视图中注入,并不会导致编译错误。应用程序在运行至该视图时会直接崩溃。...尽管SwiftUI的Redux模式有诸多优点,但由于只存在视图这一种表现形式,因此在视图描述中经常会参杂不少的数据计算、整理的工作。

    5.2K10
    领券