本文将介绍几种在 SwiftUI 中获取当前滚动状态的方法，每种方法都有各自的优势和局限性。...: UIScrollView, willDecelerate decelerate: Bool)手指拖动结束后（ 手指离开时 ），调用此方法在 SwiftUI 中，很多的视图控件是对 UIKit（ AppKit...模式，因此无法有效地区分滚动是由那个控件造成的方法三：PreferenceKey在 SwiftUI 中，子视图可以通过 preference 视图修饰器向其祖先视图传递信息（ PreferenceKey...preference 与 onChange 的调用时机非常类似，只有在值发生改变后才会传递数据。在 ScrollView、List 发生滚动时，它们内部的子视图的位置也将发生改变。...判断的准确度没有前两种方式高当可滚动组件中的内容出现了非滚动引起的尺寸或位置的变化（ 例如 List 中某个视图的尺寸发生了动态变化 ），本方式会误判断为发生了滚动，但在视图的变化结束后，状态会马上恢复到滚动结束滚动开始后
GeometryReader 更新几何信息时资源消耗较大，可能会引发不必要的重复计算和视图重建。...在一些复杂的布局场景中，或者在某些设备或系统版本中，布局可能需要经过几轮的协商才能获得最终稳定的结果，尤其是当视图需要依赖 GeometryReader 提供的几何信息来重新确定自己的位置和尺寸时。...然而，这并不意味着在使用 GeometryReader 时没有需要注意的事项。...里子和面子：不同的尺寸数据 在 SwiftUI 中，有一些 modifier 是在布局之后，在渲染层面对视图进行的调整。...在 SwiftUI 布局 —— 尺寸（ 下 ）[11] 一文中，我们探讨过有关尺寸的“里子和面子”的问题。
在 UIKit 中，开发者需要利用 safeAreaInsets 或 safeAreaLayoutGuide ，才能确保将视图放置在界面中的可见部分。 SwiftUI 对上述过程进行了彻底的简化。...在 SwiftUI 中，开发者通常只有在需要获取 StatusBar + NavBar 的高度或 HomeIndeicator + TabBar 的高度时才会使用到 safeAreaInsets 。...使用 safeAreaInset 扩展安全区域 在 SwiftUI 中，所有基于 UIScrollView 的组件（ScrollView、List、Form），在默认情况下都会充满整个屏幕，但仍可确保我们可以在安全区域内看到所有的内容...safeAreaInset 修饰符的出现解决了上述的问题。通过 safeAreaInset，我们可以缩小视图的安全区域，以确保所有内容都可以按预期显示。...尽管使用 safeAreaInset 为列表在底部添加状态栏或自定义 TabBar 非常方便，但如果你的列表中使用了 TextField，情况将变得很麻烦。
要了解有关 scrollTargetLayout 视图修饰符的更多信息，请查看我的文章《掌握 SwiftUI 中的 ScrollView：滚动几何》。...VideoPlayerViewVideoPlayer：定义一个视频播放器视图，使用 AVPlayer 播放视频。task：在 task 修饰符中初始化播放器。...在操作闭包内，根据可见性状态来播放或暂停视频。...此外，在页面底部有一个视频播放器，当视频播放器出现在视口内时，它会自动播放，当其离开视口时，会自动暂停。总结今天，我们学习了如何跟踪 ScrollView 内特定视图的可见性，并监控可见标识符列表。...示例展示了如何使用 SwiftUI 的滚动可见性修饰符来增强用户体验和交互性。希望能对你有所帮助。
本节的内容仅代表我在考虑处理上述问题时的想法和思路。其中不少功能已经超出了原本的需求，增加这些功能一方面有利于更多地融汇以前博客中的知识点，另一方面也提高了解题的乐趣。...ForEach 形式 ）中的 View 添加显式标识符后（ 使用 id 修饰器），在视图刷新时，List 将会为 ForEach 中的所有视图创建实例（ 并非渲染 ）用以比对视图类型的构造参数是否发生变化...positionProxy[currentPosition]}通过 onChange 比较 transcriptionID 变化的前后值，减少不必要的滚动考虑到使用者的阅读感受，我希望如果当前定位的...List 中，每个视图进入显示窗口时都会调用它的 onAppear，每个视图退出显示窗口时都会调用它的 onDisapper。..._25_53在搜索条出现时，让 TextField 获得焦点通过 @FocusState ，让 TextField 在搜索条出现时，自动获得焦点，从而自动开启键盘。
SwiftUI 是一个强大的框架，它简化了在苹果平台上构建用户界面的过程。SwiftUI 中的一个基本组件是 ScrollView，它允许用户通过滚动导航内容。...什么是 ScrollPositionScrollPosition 是一种类型，允许开发者以编程方式读取或更改滚动位置。虽然有用，但当用户使用手势与滚动视图交互时，它显得不够全面。...在使用 onScrollGeometryChange 视图修饰符时，我们将 ScrollData 作为转换闭包的返回类型，从 ScrollGeometry 实例中提取所有所需的数据。...你可以在 Xcode 中运行这个项目来观察其效果。...总结今天，我们探讨了 SwiftUI 中的新 ScrollGeometry 类型和 onScrollGeometryChange 视图修饰符。
这个新功能使得在SwiftUI中处理辅助技术（如 VoiceOver 和 Switch Control）的焦点状态变得更加轻松。...本文将介绍如何使用 @FocusState 属性包装器来在SwiftUI中管理和移动辅助焦点。...使用 @FocusState 属性包装器在 SwiftUI Release 中，我们获得了一整套特殊工具来更有效地处理辅助焦点。...SwiftUI 默认使用 false 值初始化该变量，因为用户可以聚焦屏幕的任何其他区域。我们还使用 focused 视图修饰符将特定视图的焦点状态绑定到保存其值的变量。...通过详细的示例代码，我们演示了如何在 SwiftUI 中使用 @FocusState，以及如何通过 focused 视图修饰符将焦点状态绑定到特定的视图。
SwiftUI 的视图 在 SwiftUI 中，视图定义了一块用户界面，并以视图树的形式组织在一起，SwiftUI 通过解析视图树来创建合适的渲染。...通常情况下，SwiftUI 在需要渲染屏幕某个区域或需要该区域的数据配合布局时，会在视图值树上创建对应的视图。当不再需要其参与布局或渲染时视图将被销毁。...比如在 List 和 LazyVStack 中，Cell 视图在创建之后即使滚动出屏幕不参与布局与渲染，但 SwiftUI 仍会保留这些视图的数据，直到 List 或 LazyVStack 被销毁。...这在相当程度上改善了因多次创建实例而引发的效率问题。 让复杂的任务仅执行一次 但是，onAppear 或 task 也并非只会执行一次，如何保证让某些负担较重的任务只在页面中执行一次呢？...在前文的视图值树介绍中我们提到，当 SwiftUI 重建该树时，如果树上某个节点（视图）的 Source of truth 没有发生变化，将不重新计算，直接使用旧值。
阅读本文前，读者最好已拥有在 SwiftUI 中使用动画编程的经历，或对 SwiftUI 动画的基本使用方法有一定的了解。可以在 此处获取本文的全部代码[2] SwiftUI 的动画是什么？...在 SwiftUI 中，我们不能命令某个视图从一个位置移动到另一个位置，为了实现上述效果，我们需要声明该视图在状态 A 时所处的位置以及状态 B 时所处的位置，当由状态由 A 转到 B 时，SwiftUI...另外需要注意的是，使用 withAnimation 时，必须明确地让依赖项出现在闭包中，否则 withAnimation将不起作用。...由于两个分支视图在转场时会同时出现，因此只有在布局容器中才会正确的处理转场动画。Group 只能对其子元素进行统一设置，不具备处理两个分支视图同时出现的情况（会有一个视图分支的转场丢失）。...因此有很大的可能因为对视图的识别错误，而产生动画异常。下面的动图中，当出现相同元素时，SwiftUI 给出了警告提示。
在 WWDC 2023 中，苹果介绍了 Swift 标准库中的新成员：Observation 框架。它的出现有望缓解开发者长期面临的 SwiftUI 视图无效更新问题。...这导致在 SwiftUI 中，极易产生了大量不必要的视图刷新，从而影响 SwiftUI 应用的性能。 为了改善这些限制，Swift 5.9 版本推出了 Observation 框架。...开发者可以提供一段宏定义，该定义会在编译器编译源代码时执行，并对源代码进行修改、添加或删除等操作。...因此，在不久后，引用类型和值类型在注入形式上将获得高度统一（ 几乎不会再出现使用 environmentObject 或 StateObject 的场景 ）。...另外， 我们之前在视图中很多的优化技巧也将发生改变。例如，在使用 ObservableObject 时，我们会通过只引入与当前视图有用的数据，来减少不必要的刷新。
通常我们会使用 onChange 来观察@State，@StateObject 或@ObservableObject 包装数据的变化。...不过由于 onChange 的闭包运行在主线程中，因此最好限制 onChange 的使用量，避免影响视图的渲染效率。...观察同一个值 在一个渲染周期内，观察同一个值的 onChange，无论顺序与否，获得的被观察值的新旧值均相同。...task(id:) SwiftUI 3.0 中新增了 task 修饰器，task 将在视图出现时以异步的方式运行闭包中的内容，同时在 id 值发生变化时，重启任务。...在 task 闭包中的任务单元足够简单时，其表现同 onChange 类似，相当于 onAppear + onChange 的组合。
，但也因为繁琐的方法定义与 this 混淆，在 React16 hooks 出现之后，逐渐提倡使用 function component 与 hooks 的方式来建立元件。...例如早期 react-redux 中的 connect。 render props[4]：将实际渲染的元件当作属性（props）传入，并提供必要的参数供实作端使用。...side effect 的操作在 Redux 当中会统一由 middleware 处理，而在 TCA 的架构中 reducer 可以回传一个 Effect，代表接收 action 时所要执行的 IO 操作或是...我还蛮想了解 SwiftUI 背后是怎么计算 diff 的，希望之后有类似的文章出现 @State 修饰符可用来定义元件内部状态，当状态改变时会更新并反映到画面中。...，减少不必要的比对，React 会要求开发者提供 key，而在 SwiftUI 当中也有类似的机制，开发者必须使用叫做 Identifiable[11] 的 protocol，或是显式地传入 id。
下面我们将学习如何使用 sensoryFeedback 修饰符在应用程序中的不同操作中提供触觉反馈。...背景介绍在 iOS 17 之前，如果你想要从 SwiftUI 视图中向用户提供触觉反馈，你会使用其中一个 UIKit（或 AppKit）的反馈生成器。...= nil { generator.selectionChanged() } } }}在 iOS 17 中，Apple 直接向 SwiftUI 中添加了一系列感觉反馈的视图修饰符...success：任务成功完成warning：任务产生警告error：任务产生错误impact：UI元素碰撞时的物理冲击请注意，impact反馈有两个变体，让您指定元素碰撞的重量（轻，中，重）或灵活性（刚性...= nil}条件闭包接收监视的触发器值的旧值和新值。在闭包中，返回一个布尔值，指示是否应播放反馈。使用反馈闭包触发要控制播放何种反馈，请使用视图修饰符的反馈闭包版本。
欢迎大家在 Discord 频道[2] 中进行更多地交流 Table 是 SwiftUI 3.0 中为 macOS 平台提供的表格控件，开发者通过它可以快捷地创建可交互的多列表格。...（ 在数据量很大时 ），可以只使用最后创建的排序条件： .onChange(of: order) { newOrder in if let singleOrder = newOrder.first...转换成 SortDescription（ 或 NSSortDescription ） 用于 Core Data 时，请不要使用 Core Data 无法支持的 Compare 算法。...如果你在 Xcode 中编写使用 Table 的代码，大概率会碰到自动提示无法工作的情况。甚至还会出现应用程序无法编译，但没有明确的错误提示（ 错误发生在 Table 内部）。...出现上述问题的主要原因是，苹果没有采用其他 SwiftUI 控件常用的编写方式（ 原生的 SwiftUI 容器或包装 UIKit 控件），开创性地使用了 result builder 为 Table 编写了自己的
用 “出现之前” 来描述 onAppear 或 task 闭包的调用时机属于无奈之举。在不同的上下文中，“出现之前”会有不同的解释。...Hide Timer 按钮后，app 出现了无法响应且控制台仍在持续输出（ 不按照原定的间隔时间 ）的情况，为什么会出现这样的问题呢？...使用 url.lines 和 url.resourceBytes 获取网络数据时，系统 API 会跳转到后台线程，不过最终仍会回到主线程上想要了解并解决这个问题，我们还要从 task 修饰器的定义中入手...回到当前的问题，由于 View 协议限定了 body 属性必须运行于主线程中（ 使用了 @MainActor 进行标注 ），因此，如果我们直接在 body 中为 task 修饰器添加闭包代码，那么该闭包只能运行于主线程中...使用 task 替换 onReceive 可以获得两个好处：减少视图不必要的刷新（ 避免重复计算 ）在后台线程响应消息，减少主线程的负荷为老版本的 SwiftUI 添加 task 修饰器当前，Swift
颜色使用SwiftUI中的foregroundStyle()视图修饰符，可以轻松自定义符号图像的颜色。这个修饰符允许我们直接设置符号图像的颜色。...要在SwiftUI中设置符号图像的首选渲染模式，我们使用 symbolRenderingMode() 修饰符。单色单色是默认的渲染模式。在这种模式下，符号的每一层都是相同的颜色。...在使用多色渲染时，我们无法自定义符号的颜色，它将使用预定义的颜色。...可变值在 SwiftUI 中显示符号图像时，我们可以提供一个 0.0 到 1.0 之间的可选值，渲染的图像可以使用它来自定义外观。如果符号不支持可变值，此参数无效。...在 SwiftUI 中，我们可以使用 symbolVariant() 修饰符来应用这些变体。
本文将对 SwiftUI 的 zIndex 修饰符做以介绍，包括：使用方法、zIndex 的作用域、通过 zIndex 避免动画异常、为什么 zIndex 需要设置稳定的值以及在多种布局容器内使用 zIndex...访问我的博客 www.fatbobman.com[1] 可以获得更好的阅读体验 zIndex 修饰符 在 SwiftUI 中，开发者使用 zIndex 修饰符来控制重叠视图间的显示顺序，具有较大 zIndex...当一个视图有多个 zIndex 修饰符时，视图将使用最内层的 zIndex 值 struct ScopeDemo: View { var body: some View { ZStack...zIndex 值相同（比如全部使用默认值 0 ），SwiftUI 会按照布局容器的布局方向（ 视图代码在闭包中的出现顺序 ）对视图进行绘制。...zIndex 并非 ZStack 的专利 尽管大多数人都是在 ZStack 中使用 zIndex ，但 zIndex 也同样可以使用在 VStack 和 HStack 中，且通过和 spacing 的配合
onAppear（ task ）是 SwiftUI 开发者经常使用的一个修饰符，但一直没有权威的文档明确它的闭包被调用的时机。...本文将通过 SwiftUI 4 提供的新 API ，证明 onAppear 的调用时机是在布局之后、渲染之前。问题同之前多篇博客类似，我们还是从 聊天室 的一个 问题 开始。...图片请忽略例子中的写法是否合理和值得推荐，仅考虑为什么在第一段代码中，出现了数组越界的情况；以及第二段代码可以正确运行。...这会让开发者误以为 onAppear 是在视图渲染后（ 使用者看到后 ）才被调用的。但在 SwiftUI 中，onAppear 实际上是在渲染前被调用的。...在不考虑使用绝对索引值是否正确的情况下，通过下面的代码，便可以避免问题的出现：if !
更详细的分析请参见 @State研究 即使你只在View中发送action，并没有显示State中的数据或使用其做判断，该View也会被强制刷新。...首先不要在代码中添加不必要的依赖声明；对于那些只需要发送Action但并不使用State的View，将store定义成全部变量，无需注入直接使用。...在区域范围内来创建被维持一个小的状态，主要可以使用以下几种手段： •善用@State 在 @State研究 这篇文章中,我们讨论了SwiftUI对于@State的优化问题。...•只对原有的程序结构做微小的调整•State中每个元素都会在自改动时独立的发出通知•每个View可以只与自己有关的State中的元素创建依赖•对Binding的完美支持 追加：减少代码量 在实际的使用中...onReceive而可能出现的问题。
如果你要渲染许多相关的控件，使用 Form 会在 iOS 和 macOS 上有最好的默认体验。...当视图的结构过于复杂时，除了难以阅读外，还会出现无法使用代码自动补全以及上文提到的无法编译（ too complex to type check ）的情况。...Q&A （ 集锦 - 简体中文 ）下文中的问题来自开发者与苹果工程师在【 集锦 - 简体中文 】频道进行的中文讨论（ 没有出现在英文 SwiftUI 频道中 ）。我直接对其进行了复制粘贴。...如果通过 Feedback Assistant 提交过此问题，请告诉我们 Feedback ID。这是一个在多个版本中都出现过的奇怪问题。...在 SwiftUI 早期版本中，当在 iOS 中使用系统中文输入法时，很容易触发这种情况。但后期逐步得到了修复。近期，在聊天室中我也看到了类似的讨论（ 我本人尚未在 iOS 16 上遇到 ）。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
