SwiftUI 中初版的概念和 API 编写的，下面让我们尝试使用新功能来为我们的列表实现自定义样式，并且使代码更加健壮。...为了演示这种情况，我们在 List 中嵌套一个 ForEach （因为在 SwiftUI 的中，列表变化一版都是由 ForEach 触发的，而不是由 List 触发的）。...由于每个 article 值在 ForEach 闭包中都是可变的，我们可以使用新的 swipeActions 修饰符来实现每个 NavigationLink 项目视图的自定义滑动操作。...下拉刷新 就我个人而言，下拉刷新在我的 SwiftUI 功能请求列表中非常重要，所以我很高兴看到今年的版本增加了对这种非常常见的 UI 范式的内置支持。...item 上调用的，而不是在列表本身上调用，这为我们提供了很大的灵活性，可以根据想要构建的 UI 类型动态隐藏或显示每个分隔符。
前言 最近，在我正在开发一个在 Dribbble 上找到的设计的 SwiftUI 实现时，我想到了一个点子，可以通过一些酷炫的筛选器扩展该项目以缩小结果列表。...Identifiable 和 Hashable 协议确保我们可以轻松创建具有 ForEach 循环的 SwiftUI 视图。...因此，将使用符合 Selectable 协议的泛型类型 T 创建 FlexiblePicker。这样，以后更容易重用该组件，因为它将是独立于类型的。 在实现选择器本身之前，我列出了所有可自定义属性。...如我之前所提到的，视图将使用嵌套的 ForEach 循环创建。 需要记住的是，ForEach 循环要求迭代的集合中的每个元素必须符合 Identifiable 协议，或者应该具有唯一的标识符。...如果我们只插入另一个 ForEach 循环，我们将在视图的适当功能性方面遇到问题，因为 ForEach 不是一种 View。
NavigationView + NavigationLink 的界面跳转，在苹果给的 SwiftUI 的使用例子中就是这样写的，当然我们在正常的使用中这样写也没啥问题，那我们界面跳转的问题是什么呢？...通过它我们可以避免在初始 View 时创建 ObservableObject, 而是从环境中获取 ObservableObject，像 @EnvironmentObject，@ObservedObject...3、再提一点关于上面说的滚动视图，在UIKit中我们可以用UICollectionView搞定一切，但是在SwiftUI中没有这个控件，我建议采用的方式是 ScrollView + HStack + VStack...的方式去实现，很多同行有说目前来看SwiftUI的List在数据量大的情况下性能不是特别好，采用ScrollView是个不错的方式，而且也很容易构建出来，并不是说每一个Item的位置都需要你去计算，...区别于我们UIKit的创建方式，SwiftUI对它进行了简化，具体的创建如下： /// SwiftUI对定时器的简化，可以进去看看具体参数的定义 private let timer = Timer.publish
.}// 可以用类似字典的方式对元素进行操作，快速定位，同时在更新 IdentifiedArray 时，也不容易引发 ForEach 的异常todos[id:id] = newTodo自定义布局Q：在实现自定义布局时...阅读 The SwiftUI Layout Protocol [11]了解如何创建自定义布局。创建从底部开始的滚动视图Q：我如何实现一个在底部对齐的滚动视图，在 macOS 上会不会有糟糕的性能？...Swiftcord[12] 的代码展示了如何在 SwiftUI 下实现倒置列表。阅读 优化在 SwiftUI List 中显示大数据集的响应效率[13] 一文，了解苹果工程师推荐的方法。...定制 ListQ：是否有办法以完全可定制的方式使用 List ，这样我就可以实现删除缩进、分隔线，甚至更改整个列表的背景等操作？ 目前，我总是去找 LazyVStack 来代替。...将背景扩展到安全区域Q：如果我有一个自定义的容器类型，可以接受一个顶部和底部的视图，是否有办法让 API 的调用者将所提供的视图的背景扩展到安全区域内，同时将内容（ 如文本或按钮 ）保留在安全区域内？
在使用 environmentObject 的情况下，如何避免创建实例的视图被重新计算Q：如何在避免重新计算顶层视图 body 的情况下，在不同子树的两个子视图之间共享状态（ 例如 ObservableObject...不过，在传统的 viewModel 意义上，我不建议将视图（ 结构本身 ）作为视图模型。...最近，我注意到 SwiftUI 视图的 onAppear 在意想不到的时间启动，比如当 UITabBarController 被创建时，而不是当视图本身出现时。...不是因为它不能工作，而是因为如果你不深入了解 @State 和身份（ identity ）的工作原理，它的行为就会相当混乱。...A：实现近似行为的方法是在菜单中使用命令来提供相同的操作。通常情况下，应该有列表让人们知道有哪些键盘快捷键可用。但是，如果这不适合你的使用情况，我们会对这方面的增强请求反馈感兴趣。
作为这项工作的一部分，我需要创建一个组件，允许用户从特定构建中添加和删除测试群组。...我希望构建类似于 App Store Connect 中的选择器组件，使用户体验尽可能熟悉，并在本文中，将展示如何使用 SwiftUI 为 macOS 构建了这个组件。...创建选择器组件让我们分析一下，我们有一组想要在 SwiftUI 列表中显示的构建。每个构建都包含一组属性，其中之一是 betaGroups，它是一个表示构建所属测试群组的结构体数组。...使用 .overlay 修改器在用户悬停在测试群组组件上时显示一个移除按钮。该按钮从构建所属的测试群组列表中移除测试群组。...总结文章介绍了如何使用 SwiftUI为macOS 创建类似于 App Store Connect 的选择器组件。
在 SwiftUI 视图的生命周期研究[3] 一文中，我对 List 如何对子视图的显示进行优化做了一定的介绍。...使用了 id 修饰符相当于将这些视图从 ForEach 中拆分出来，因此丧失了优化条件。 总之，当前在数据量较大的情况下，应避免在 List 中对 ForEach 的子视图使用 id 修饰符。...虽然我们已经找到了导致进入列表视图卡顿的原因，但如何在不影响效率的情况下通过 scrollTo 来实现到列表端点的滚动呢？...我们可以通过在 ForEach 的外面分别为列表端点设置显式标识来解决使用 scrollTo 滚动到指定位置的问题。...生产中的处理方式 本文为了演示 id 修饰符在 ForEach 中的异常状况以及问题排查思路，创建了一个在生产环境中几乎不可能使用的范例。
开始 首先看下主要内容： 在本教程中，您将了解如何在SwiftUI和Combine中使用VIPER体系结构模式，同时构建一个允许用户创建公路旅行的iOS应用程序，来自翻译。...点击+按钮将向列表添加一个New Trip。 4. Deleting a Trip 创建旅行的用户可能还希望能够删除它们，以防出错或旅行结束。既然已经创建了数据路径，向屏幕添加额外的操作就很简单了。...将trip名称分隔成这样的属性允许您同步该值，而不需要创建一个无限循环的更新。...要使用presenter，创建一个名为TripMapView.swift的SwiftUI View。...使用presenter向列表添加新路径点的add按钮。 一个列表List，它使用ForEach与presenter为每个路点创建一个单元格。
您的下一个任务是将黑框变成自定义视频播放器。 它的目的是播放一组循环剪辑，让用户对所有这些视频感到兴奋。 然后，您需要添加一些自定义手势，例如点击打开声音和双击将其更改为 2 倍速度。...AVPlayerLayer } 为了能够在 SwiftUI 中使用此视图，您需要使用 UIViewRepresentable 创建一个包装器。...2） 您使用初始值设定项创建 LoopingPlayerUIView 的新实例并返回新实例。 3） SwiftUI 在需要更新底层 UIView 时会调用此方法。 现在，将其留空。...您会在左上角看到画中画按钮……否则不会！ 缺点是，在撰写本文时，iOS 14.5是可用的最新版本，VideoPlayer 的 SwiftUI 视图未显示画中画按钮。...如果你想使用画中画，你需要使用 AVPlayerViewController，它属于 UIKit。 好处是你知道如何在 SwiftUI 和 UIKit 之间建立桥梁。
尽管在实践中，如果能在确保不访问托管对象的非线程安全属性的前提下，在非创建托管对象的线程中持有托管对象并不会出现崩溃的情况，但出于谨慎的考虑，我最终还是放弃了这种方式。...在 SwiftUI 中，ForEach 会根据数据标识（ Identifier ）自动处理视图的添加、删除等操作，因此，当在 SwiftUI 中使用 NSFetchedResultsController...在创建自定义 DynamicProperty 类型时，需要注意以下几点：可以在自定义类型中使用环境值或环境对象在视图被加载后，视图中所有符合 DynamicProperty 协议的类型也将一并具备访问环境数据的能力...当 SwiftUI 在视图存续期中重新创建视图描述实例时，自定义类型也将一并重新创建在视图存续期中，如果 SwiftUI 创新创建了视图描述实例，那么无论视图描述（ 符合 View 协议的 Struct...这是由于一旦 SwiftUI 的惰性容器中出现了多个 ForEach ，惰性容器将丧失对子视图的优化能力。任何数据的变动，惰性容器都将对所有的子视图进行更新而不是仅更新可见部分的子视图。
在此项目中，我们将仅使用少量 Core Data 的功能，但是这种功能将很快扩展——我只想首先了解一下它。...我们需要确保该获取请求随着时间的推移保持最新，以便在创建或删除学生时，我们的 UI 保持同步。 SwiftUI 有一个解决方案，而且——您猜对了——这是另一个属性包装器。...如果我们对 Core Data 说“这不是必须的”（您可以在模型编辑器中完成），它仍然会生成可选的 Swift 属性，因为所有 Core Data 关心的是属性在保存时具有值——在其他时间它们可以为 nil...为了解决这个问题，我们将在列表下方创建一个按钮，每次点击都会添加一个新的随机学生，但是首先我们需要一个新属性来存储托管对象上下文。 让我重申一下，因为这很重要。...现在，有趣的部分是：我们将使用为我们生成的 Core Data 类创建一个 Student对象。这需要附加到托管对象上下文中，以便对象知道应将其存储在何处。然后，我们可以像通常为结构体那样分配值。
本文将探讨如何在 SwiftUI 中获取 SafeAreaInsets、将视图绘制到安全区域之外、修改视图的安全区域等内容。...•all（默认）上述两种安全区域划分的合集 iOS 13 并没有提供键盘自动避让功能，开发者需要编写一些额外的代码来解决软键盘不恰当遮盖视图（如 TextField ）的问题。...使用 safeAreaInset 扩展安全区域 在 SwiftUI 中，所有基于 UIScrollView 的组件（ScrollView、List、Form），在默认情况下都会充满整个屏幕，但仍可确保我们可以在安全区域内看到所有的内容...safeAreaInsetList2 遗憾的是，在 iOS 15 之前，SwiftUI 并没有提供调整视图安全区的手段，如果我们想通过 SwiftUI 的手段创建一个自定义 Tabbar 时，列表中最后的内容将被...尽管使用 safeAreaInset 为列表在底部添加状态栏或自定义 TabBar 非常方便，但如果你的列表中使用了 TextField，情况将变得很麻烦。
但是，SwiftUI 中的一些系统控件并没有完全遵循响应式的设计原则，由此在某些情况下会出现严重的错误，影响用户体验，并使开发者无所适从。...SheetDetailView 的代码后，我们不再使用手势来取消 Sheet，而是通过点击 “Dismiss” 按钮来实现这一操作。...然而，明显地，强迫用户点击 “Dismiss” 按钮并不是一个好的选择，特别是在没有屏蔽手势取消 Sheet 的情况下。...它的复现条件如下：iOS 16 系统，在真机或模拟器上测试点击视图列表中的按钮，可以进入下一级视图。...通过自定义返回按钮以及扩展 UINavigationController 的方式，实现了在禁用 Back 按钮后仍支持手势返回，并先修改状态后再进行视图响应。
AnyLayout 切换布局 结语 Part 2 - 高级布局： 前言 自定义动画 双向自定义值 避免布局循环和崩溃 递归布局 布局组合 插入两个布局 使用绑定参数 一个有用的调试工具 最后的思考 自定义动画...= nil } 注意：我称它为双向自定义值，因为信息是可以双向流动的，但是，这不是 SwiftUI 的官方术语，只是为了更清晰的解释这个想法的术语。...使用绑定参数 今年 SwfitUI Lounges 出现了一个有趣的问题，询问是否可能使用新的布局协议去创建一个层次树，用线连接。挑战的不是视图树结构，而是我们如何画连接线。...在本例中，我创建了两个 UUID 布局值，一个标识视图，另一个作为父视图的 ID。...我经常认为这些视图是理所当然的，并将它们视为简单而不复杂的容器，好吧，尝试编写自己的版本，在各种情况下复制一个 HStack ，多种类型的视图和布局优先级竞争同一个空间。。。这是一个不错的挑战！
前言 SwiftUI与苹果之前的UI框架的区别不仅仅在于如何定义视图和其他UI组件，还在于如何在整个使用它的应用程序中管理视图层级的状态。...SwiftUI没有使用委托、数据源或任何其他在UIKit和AppKit等命令式框架中常见的状态管理模式，而是配备了一些属性包装器[1]，使我们能够准确地声明我们的数据如何被我们的视图观察、渲染和改变。...因此，虽然下面的内容在技术上可能会被编译，但最终会导致运行时的问题——因为当我们的视图在更新时被重新创建，UserModelController实例可能会被删除（因为我们的视图现在是它的主要所有者）:...: SwiftUI视图不是对正在屏幕上渲染的实际UI组件的引用，而是描述我们的UI的轻量级值——因此它们没有像UIView实例那样的生命周期。...尽管在一个父视图和它的一个子视图之间创建绑定通常很容易，但在整个视图层次结构中传递某个对象或值可能相当麻烦——而这正是环境变量旨在解决的问题类型。 有两种主要的方法来使用SwiftUI的环境。
但是，SwiftUI 中的一些系统控件并没有完全遵循响应式的设计原则，由此在某些情况下会出现严重的错误，影响用户体验，并使开发者无所适从。...SheetDetailView 的代码后，我们不再使用手势来取消 Sheet，而是通过点击 “Dismiss” 按钮来实现这一操作。...然而，明显地，强迫用户点击 “Dismiss” 按钮并不是一个好的选择，特别是在没有屏蔽手势取消 Sheet 的情况下。...它的复现条件如下： iOS 16 系统，在真机或模拟器上测试 点击视图列表中的按钮，可以进入下一级视图。...通过自定义返回按钮以及扩展 UINavigationController 的方式，实现了在禁用 Back 按钮后仍支持手势返回，并先修改状态后再进行视图响应。
技术准备十多年不接触代码我最大的担心不是我的知识储备不够，而是没有手感了。这个忧虑最终也得到了证实。...SwiftUI 给我创建了一个非常高效的环境，在短时间内便可以将整个 app 的原型跑起来，但当真正地将具体实现以及数据流完全串联起来时才发现一切并不那么简单。...主要的问题并不是技术方面，而是由于完全没有审核经验因此走了很多冤枉路。总之经过了一个半月的开发（ 其中包括半个月的各种审核问题 ），第一个版本目前已登陆 App Store。...ForEach视图声明中唯一的循环控制方式，控制力有待加强。如果使用 data: Range 的话，range 不可变。比如说 0.....等不下去了，删除了原来的资费数据又重新创建了资费数据，提交审核资费通过。将新的资费数据重新填入 app 的提交中，再度被拒。原来描述中没有内购资费的详细说明，修改后终于通过。
在我们创建完 100 条数据后，重启应用（ 重启可以更精准地测量内存占用情况 ）并滚动列表至底部。此时该应用的内存占用为 1.6 GB 左右。...在正常的情况下（ 惰性容器中仅包含一个 ForEach ，且子视图没有使用 id 添加显式标识 ），惰性容器仅会创建当前可见范围内的子视图实例，并对其 body 进行求值（ 渲染 ）。...这意味着，在惰性容器中，视图一经创建，其存续期将与该容器一致（ 容器不销毁，则视图将始终存续 ）。...释放不积极的 @State 上面代码的问题，是因为我们使用了声明为 @State 的变量来暂存 Image。...在这种情况下，我们可以通过引用类型来创建一个 Holder，通过该持有器，解决释放不积极的问题。
WWDC 2023 正在如火如荼地进行。苹果不仅带来了全新形态的硬件产品，还推出了几个相当震撼的新框架。本文将聊聊我对本届 WWDC 中 SwiftUI 5.0 和 SwiftData 的初步印象。...总之，当前制约动画或视觉效果的将不再是 SwiftUI 的能力，而是开发者的创意。...在不考虑兼容旧版本的情况下，我认为 SwiftUI 5.0 的升级可以打 95 分（满分 100 分），不过考虑到很多的开发者在相当一段时间内还无法使用这些新功能，心情就会异常的低落。...从我这两天的使用来看，在其功能和稳定性得到进一步改善和增强的情况下，它确实会给开发者带来更多的便利。...的性质与通过宏创建的 Observed 状态类似，可直接驱动视图更新（传递时无需使用属性包装器） Attribute 的派生选项被废弃了 可以在 Xcode 中使用 Model Editor 将 Model
领取专属 10元无门槛券
手把手带您无忧上云
