也不再需要 @Published 属性包装器，因为 SwiftUI 视图会自动跟踪任何可观察类型的可用属性的更改。...在之前的 SwiftUI 框架版本中，应该使用 @ObservedObject 属性包装器来订阅更改。现在不需要了，因为 SwiftUI 视图会自动跟踪符合 Observable 协议的类型的更改。...动画 动画始终是 SwiftUI 框架中最重要的部分。在 SwiftUI 中轻松实现任何动画，但之前的框架版本缺少一些现在具有的功能。...还可以通过编程方式滚动到任何视图，但是，应该使用 scrollTargetLayout 视图修饰符来告诉 SwiftUI 框架在哪里查找标识以更新绑定。...它允许在滚动视图中启用分页。 搜索 与搜索相关的视图修饰符也有一些很好的新增功能。例如，可以通过编程方式聚焦到搜索字段。
进入视图的时候有明显的卡顿（1 秒多钟），进入后列表滚动流畅且可无延迟的响应滚动到列表底部或顶部的指令。...找寻问题原因 或许有人会认为，毕竟数据量较大，进入列表视图有一定的延迟是正常的。但即使在 SwiftUI 的效能并非十分优秀的今天，我们仍然可以做到以更小的卡顿进入一个数倍于当面数据量的列表视图。...另外如果 id 的标识值发生变化，SwiftUI 将丢弃原视图（生命周期终止及重置状态）并重新创建新的视图。...我们将通过 SwiftUI-Introspect[7] 来实现在 List 中滚动到列表两端。...对于拥有复杂结构子视图（尺寸不一致、图文混排）的 List 来说，在数据量大的情况下，任何的大跨度滚动（ 例如直接滚动到列表底部 ）都会给 List 造成巨大的布局压力，有不小的滚动失败的概率。
使用 scrollIndicatorsFlash(trigger:) 可以在提供的值更改时，修饰符作用域范围内的所有可滚动容器的滚动指示器短暂闪烁。...当 scrollClipDisable 为 false 时，滚动内容会被裁剪以适应滚动容器边界。任何超出边界的部分将不会显示。...可采用 优化在 SwiftUI List 中显示大数据集的响应效率[5] 一文中介绍的方式来解决。 scrollPostion(id:) 使用此修饰符可以让滚动视图滚动到特定的位置。...（视图标识） 不支持锚点设定，固定锚点为子视图的 center 正如 优化在 SwiftUI List 中显示大数据集的响应效率[6] 一文所提到的，当数据集很大时，也会出现性能问题。....automatic 是默认行为，在紧凑的水平尺寸类中受限，否则不受限。 .always 始终限制可滚动视图的数量。 .never 不限制可滚动视图的数量。
SwiftUI 4.0 的 Form 在 Ventura 上的表现与以往版本有很大的不同。形式上更接近 iOS 的状态，同时也对 mac 进行了更多的适配。...在更复杂的 UI 中，由于视图的更新速度过快，性能（ 至少在 macOS 上 ）迅速下降。A：有不同的策略。ObservableObject 是使视图或视图层次结构的失效（ 引发重新计算 ）的单元。...阅读 The SwiftUI Layout Protocol [11]了解如何创建自定义布局。创建从底部开始的滚动视图Q：我如何实现一个在底部对齐的滚动视图，在 macOS 上会不会有糟糕的性能？...我采用了常见的解决方案，即旋转滚动视图和里面的每个单元格，以获得预期的倒置列表，在 iOS 上，这很有效。但在 macOS 上，它使 CPU 使用率保持在 100%。...这意味着我们不能使用 LazyVStack，或任何其他将选择与详细视图绑定的自定义视图。有扩展这个功能的计划吗？A：在 iOS 16.1 中，你可以在侧边栏里放一个。
大幅改善了 ScrollView 的控制力 本次升级中，为 ScrollView 带来了新的动态滚动定位系统（ 不依赖 ScrollViewReader 和显式的 id 声明）、一次性的定位系统（ 在视图进入后...，直接定位到滚动视图的特定位置，只能使用一次 ）、全新的滚动条控制（ 闪烁 ）、可自定义行视图在滚动区域的顶端和显示区域的显示状态（ 例如可用其实现类似 watchOS 中的滚动到顶端子视图缩小的视觉效果...这是我目前整理的一些有关 SwiftData 的问题和注意事项（ 原文发表在推文中，没有进行更系统的归纳）： 尚不支持公共和共享数据的云同步 在当前版本中，通过其他上下文（ModelContext）创建的数据并不会自动合并到视图上下文中...然而，Core Data with CloudKit API 在客户端方面没有任何调整，很令人失望。...订阅下方的 邮件列表[7]，可以及时获得每周最新文章。
，并可通过按钮在搜索结果中进行滚动切换？...请阅读 优化在 SwiftUI List 中显示大数据集的响应效率[6] 以及 避免 SwiftUI 视图的重复计算[7] 两篇文章，了解更多有关性能优化方面的内容通过 currentPostion 获取需要滚动到的...总结范例代码并没有十分刻意地创建规范的数据流，但由于做到视图与数据分离，因此将其改写成任何你想使用的数据流方式并非难事。...每周也会对当周博客上的新文章以及在 Twitter 上发布的 Tips 进行汇总，并通过邮件列表的形式发送给订阅者。订阅 邮件列表[14]，可以及时获得每周的 Tips 汇总。.../onChange/[9] SwiftUI 视图的生命周期研究: https://www.fatbobman.com/posts/swiftUILifeCycle/[10] 在 SwiftUI 视图中打开
前言SwiftUI 引入了一组视图修饰符，使我们能够有效地管理视图中的安全区域。在许多情况下，安全区域是你希望放置内容的地方。...然而，正如你所见，这也将滚动条指示器从后导边缘移到了中心。使用 contentMargins我们需要一种区分视图的内容和工具栏，并仅移动内容而保持工具栏在原地的方法。...幸运的是，SwiftUI 引入了新的 contentMargins 视图修饰符，使我们能够在视图中移动特定类型的内容。...但是它将滚动条保留在视图的后导边缘。contentMargins 视图修饰符接受几个参数，允许我们调整其行为。第一个参数是我们想要移动的边缘。...文章从创建示例开始，展示了在列表视图中如何处理内容边距的问题。
SwiftUI的@State属性包装器允许我们自由修改视图结构体，这意味着当程序更改时，我们可以更新视图属性以匹配。 但是，使用UI控件时，事情会更复杂一些。...但是，该代码不会编译，因为SwiftUI想知道文本字段中的文本存储位置。 请记住，视图是其状态的函数——文本输入框只能在反映存储在程序中的值时显示某些内容。...SwiftUI需要的是结构中的一个字符串属性，它可以显示在文本输入框中，还将存储用户在文本输入框中键入的任何内容。...问题是Swift区分了“在此处显示此属性的值”和“在此处显示此属性的值，但将任何更改写回该属性” 在Swift中，我们用一个特殊的符号来标记这些双向绑定，这样它们就很显眼：我们在它们前面写一个美元符号$...这告诉Swift，它应该读取属性的值，但也应该在发生任何更改时将其写回。
本文将介绍几种在 SwiftUI 中获取当前滚动状态的方法，每种方法都有各自的优势和局限性。...: UIScrollView, willDecelerate decelerate: Bool)手指拖动结束后（ 手指离开时 ），调用此方法在 SwiftUI 中，很多的视图控件是对 UIKit（ AppKit...：PreferenceKey在 SwiftUI 中，子视图可以通过 preference 视图修饰器向其祖先视图传递信息（ PreferenceKey ）。...preference 与 onChange 的调用时机非常类似，只有在值发生改变后才会传递数据。在 ScrollView、List 发生滚动时，它们内部的子视图的位置也将发生改变。...每周也会对当周博客上的新文章以及在 Twitter 上发布的 Tips 进行汇总，并通过邮件列表的形式发送给订阅者。订阅下方的 邮件列表[9]，可以及时获得每周的 Tips 汇总。
大幅改善了 ScrollView 的控制力 本次升级中，为 ScrollView 带来了新的动态滚动定位系统（ 不依赖 ScrollViewReader 和显式的 id 声明）、一次性的定位系统（ 在视图进入后...，直接定位到滚动视图的特定位置，只能使用一次 ）、全新的滚动条控制（ 闪烁 ）、可自定义行视图在滚动区域的顶端和显示区域的显示状态（ 例如可用其实现类似 watchOS 中的滚动到顶端子视图缩小的视觉效果...）、支持分页滚动（ 开发者长期盼望的 ）、自定义滚动内容的缩进、为滚动内容（非滚动容器）添加安全区域等众多功能。...这是我目前整理的一些有关 SwiftData 的问题和注意事项（ 原文发表在推文中，没有进行更系统的归纳）： 尚不支持公共和共享数据的云同步 在当前版本中，通过其他上下文（ModelContext）创建的数据并不会自动合并到视图上下文中...然而，Core Data with CloudKit API 在客户端方面没有任何调整，很令人失望。
在 iOS 17 中，MapKit 为 SwiftUI 引入了需要 MapContentBuilder 参数的地图初始化器。下面为大家介绍一下MapKit 相关的基础知识。...这意味着可以将它们放置在视图的任何位置，不过需要定义一个地图范围命名空间，以将它们与它们控制的地图关联起来，代码如下： struct ContentView: View { @Namespace var...总结 这就是在 iOS 17 中使用 SwiftUI 中的 MapKit 所需要了解的内容。...通过引入 MapContentBuilder 和其他新的初始化器，可以更方便地创建交互式地图视图，添加标记、注释和自定义内容，并在用户移动地图相机时自动更新位置。...这些改进使得在 SwiftUI 中使用 MapKit 变得更加强大和灵活。 - EOF -
在我们创建完 100 条数据后，重启应用（ 重启可以更精准地测量内存占用情况 ）并滚动列表至底部。此时该应用的内存占用为 1.6 GB 左右。...无优化滚动至底截屏 从 Instruments 的分析来看，随着列表的滚动，内存占用持续增加中。 无优化效果 相信任何开发者都无法容忍这种内存占用的情况出现。...第一轮优化：对视图 body 值进行优化 在第一轮优化中，我们会首先尝试从 SwiftUI 的角度入手。...在本例中，子视图的 body 值中一定会包含用于显示的图片数据，因此，即使该视图已经被显示过（ 滚动出显示区域 ），该视图的 body 值仍将占用不小的内存。...这意味着，在托管对象上下文中，data 属性即使在填充后也仅有 50 个字节（ 文件 ID ）。 目前无法找到 Core Data 在行缓存以及上下文中处理这些外置二进制数据的任何资料。
这两个错误包括：通过手势取消 Sheet 后，快速右滑导航容器导致应用锁死；以及在滚动中返回上层视图时导致应用崩溃。...原文发表在我的博客 肘子的Swift记事本视图变化在前、状态变化在后在 SwiftUI 中，某些可编程控件在执行一定的操作时，会先更新视图，待视图变化完成后再修改与其对应的状态。...当视图正在滚动时返回上一层视图会导致应用崩溃这是一个由 xiaogd 在我的 Discord 论坛中提出的 问题。...它的复现条件如下：iOS 16 系统，在真机或模拟器上测试点击视图列表中的按钮，可以进入下一级视图。...请至少进入第三级视图滚动当前视图当视图处于滚动状态时，点击 NavigationStack 左上角的 “Back” 按钮。
这与SwiftUI不同，在SwiftUI中，视图显示任何新视图。 这种分离来自“Uncle”Bob Martin的Clean Architecture paradigm。...要将VIPER映射到SwiftUI，视图现在负责显示/隐藏视图，路由router是一个目标视图生成器，presenter在它们之间进行协调。...当您将其放置在NavigationView中时，该链接将成为一个按钮，将destination推送到导航堆栈上。 content块可以是任何一个SwiftUI视图。...Considering the Map View 在转向细节视图之前，考虑一下地图视图。这个widget比其他的更复杂。 除了绘制地理特征，该应用还会覆盖每个点的大头针pins和它们之间的路线。...您可以在trip detail视图中重新排列列表。但是要创建一个新的waypoint，您需要一个新视图，以便用户输入名称。 为了得到一个新的视图，你需要一个Router。
在我们创建完 100 条数据后，重启应用（ 重启可以更精准地测量内存占用情况 ）并滚动列表至底部。此时该应用的内存占用为 1.6 GB 左右。...图片 从 Instruments 的分析来看，随着列表的滚动，内存占用持续增加中。 图片 相信任何开发者都无法容忍这种内存占用的情况出现。下文中，我们将对这段代码进行逐步优化，以达到最终可用的程度。...第一轮优化：对视图 body 值进行优化 在第一轮优化中，我们会首先尝试从 SwiftUI 的角度入手。...在本例中，子视图的 body 值中一定会包含用于显示的图片数据，因此，即使该视图已经被显示过（ 滚动出显示区域 ），该视图的 body 值仍将占用不小的内存。...这意味着，在托管对象上下文中，data 属性即使在填充后也仅有 50 个字节（ 文件 ID ）。 目前无法找到 Core Data 在行缓存以及上下文中处理这些外置二进制数据的任何资料。
本周推荐的另一篇文章也指出了 SwiftData 在处理挂起更改时的问题。总的来说，新错误不断增加，旧问题仍没有得到改善。 我真心希望这些问题不要继续积累演变为对用户和开发者造成严重影响的程度。...前一期内容｜全部周报列表 原创 掌握 Core Data 中的关系：基础[2] Fatbobman（东坡肘子）[3] 在众多关于 Core Data 的讨论中，“对象图管理”无疑是一个频繁出现的核心概念...AnyView’s impact on SwiftUI performance[6] Martin Mitrevski[7] 本文探讨了在 SwiftUI 中使用 AnyView 对性能可能造成的影响。...作者 Martin Mitrevski 通过精心设计的测试代码，直观地展示了 AnyView 在 SwiftUI 中所造成的性能影响。...文章特别指出，在包含大量子视图的滚动列表等场景中，应谨慎使用 AnyView，以避免不必要的性能下降。
这两个错误包括：通过手势取消 Sheet 后，快速右滑导航容器导致应用锁死；以及在滚动中返回上层视图时导致应用崩溃。...视图变化在前、状态变化在后 在 SwiftUI 中，某些可编程控件在执行一定的操作时，会先更新视图，待视图变化完成后再修改与其对应的状态。这些控件基本上都是对 UIkit（AppKit）的二次包装。...当视图正在滚动时返回上一层视图会导致应用崩溃 这是一个由 xiaogd 在我的 Discord 论坛中提出的 问题[3]。...它的复现条件如下： iOS 16 系统，在真机或模拟器上测试 点击视图列表中的按钮，可以进入下一级视图。...请至少进入第三级视图 滚动当前视图 当视图处于滚动状态时，点击 NavigationStack 左上角的 “Back” 按钮。
在 SwiftUI 中，我们通常会使用 environment 为视图树注入视图上下文，一旦 loadPersistentStores 出现错误导致 container 无法正常创建，那么调用上下文的注入将会失败...我的应用程序中是否有任何方法可以重置数据的本地缓存副本以假装它是新设备并让 CoreData 再次从云中获取所有数据？...SwiftUI 下如何使用 FetchedResultsControllerQ：是否有在 SwiftUI 应用程序中使用 Core Data 的任何实践或建议？...A：@FetchRequest 的谓词属性是一个 Binding，它会在更改时重绘视图。从 Swift 3.0 开始，FetchRequest 支持在视图中动态修改它的谓词和排序描述。...每周也会对当周博客上的新文章以及在 Twitter 上发布的 Tips 进行汇总，并通过邮件列表的形式发送给订阅者。订阅下方的 邮件列表[19]，可以及时获得每周的 Tips 汇总。
前言 SwiftUI 的各种堆栈是许多框架中最基本的布局工具，能够让我们定义组视图，这些组视图可以按照水平、垂直或覆盖视图对齐。...举个例子，假如我们正在构建一个 app 其中包含 LoginActionsView ，一个让用户登录时在列表中选择操作的类： struct LoginActionsView: View { .....Xcode 14 的一部分仍在测试阶段） 其中一个工具是新的 Layout 协议，它既能让我们创建完整的自定义布局，直接集成到 SwiftUI 的布局系统中，同时也提供给我们一种更丝滑更动画的方式在各种布局之间动态切换...这样做会令动画更流畅，例如在切换设备方向时，我们也有可能在执行此类更改时获得小幅的性能提升（因为 SwiftUI 总是在其视图层次结构为静态时尽可能表现最佳） 选择合适的视图 但我们还没有结束，因为...就像字面意思一样，这种新的容器将会在我们初始化时传递的候选列表中，基于当前上下文挑选出最优视图。
用更容易理解的语言来说，理想尺寸就是一个视图在不给其任何尺寸限定（理想的外部环境）的情况下，其最理想的呈现结果所占用的尺寸。 对于不同种类的视图，它们的理想呈现处理规则是不同的。...Text：在理想状态的轴上占用尽可能多的空间，展示全部文本（不进行任何截取）。 ScrollView：如果理想状态的轴与滚动方向一致，则在滚动方向上一次性展示所有的子视图而无视父视图的建议尺寸。...在 SwiftUI 中，我们可以通过 frame 来修改视图在理想状态下的呈现。...在本节中，我们将通过几个示例来展示 ViewThatFits 的功能。 自适应滚动 通过下面的代码，我们可以实现在内容宽度超过给定宽度时，自动进入可滚动状态。...但是，与任何强大的工具一样，能否发挥期作用来自于深入理解其使用方式和限制。 在本文中，我们对 SwiftUI 中的 ViewThatFits 容器进行了深入的探索。
领取专属 10元无门槛券
手把手带您无忧上云
