访问我的博客 www.fatbobman.com[1] 可以获得更好的阅读体验 本文将介绍在 SwiftUI 视图中打开 URL 的若干种方式，其他的内容还包括如何自动识别文本中的内容并为其转换为可点击链接...image-20220520182722773 SwiftUI 1.0（ iOS 13、Catalina ） 在视图中，开发者通常需要处理两种不同的打开 URL 的情况： 点击一个按钮（ 或类似的部件...此时在 Button 中，我们可以直接通过 openURL 来完成在 SwiftUI 1.0 版本中通过调用其他框架 API 才能完成的工作。...在 Button 中，我们可以通过在闭包中添加逻辑代码，自定义开启 URL 之前与之后的行为。...SwiftUI 视图中打开 URL 的几种方法，不过读者应该也能从中感受到 SwiftUI 三年来的不断进步，相信不久后的 WWDC 2022 会为开发者带来更多的惊喜。
前言我们的滚动 API 中又有一个重要的新增功能：滚动可见性。现在，你可以获取可见标识符列表，或者快速检查并监控 ScrollView 内视图的可见性状态。...要了解有关 scrollTargetLayout 视图修饰符的更多信息，请查看我的文章《掌握 SwiftUI 中的 ScrollView：滚动几何》。...每个数字都显示在一个 Text 视图中，并有不同的背景颜色。...此外，在页面底部有一个视频播放器，当视频播放器出现在视口内时，它会自动播放，当其离开视口时，会自动暂停。总结今天，我们学习了如何跟踪 ScrollView 内特定视图的可见性，并监控可见标识符列表。...示例展示了如何使用 SwiftUI 的滚动可见性修饰符来增强用户体验和交互性。希望能对你有所帮助。
Ask Apple 为开发者与苹果工程师创造了在 WWDC 之外进行直接交流的机会。本文对本次活动中与 SwiftUI 有关的一些问答进行了整理，并添加了一点个人见解。本文为下篇。...创建从底部开始的滚动视图Q：我如何实现一个在底部对齐的滚动视图，在 macOS 上会不会有糟糕的性能？...macOS APIQ：对于运行 Monterey 的 Mac，能否如何在 SwiftUI 中实现下面需求的建议：打开一个窗口在该窗口中初始化数据找到所有打开的窗口确定一个窗口是否打开从不在该窗口的视图中关闭一个窗口...对于可能造成卡顿的图片数据，放弃从托管对象的图片关系中直接获取的方式。在 Cell 视图中，通过创建 request 从私有上下文中提取数据并转换成图片。...在 SwiftUI 中，有一个从第一版开始就存在但尚未公开的纯 SwiftUI 实现的滚动容器 —— _ScrollView 。
它使用 @ViewBuilder 闭包包裹了内容，并添加了一个圆角背景和阴影。...通过在 Card 容器视图内嵌入不同的视图，你可以在应用的多个屏幕中复用它。这是使用容器视图的主要优势之一：你可以通过将共享的功能封装在容器视图中，在应用的不同地方重复使用它们。...SwiftUI 引入了新的 API，允许我们重新组合视图。例如，我们可以从通过 @ViewBuilder 闭包构建的内容视图中提取子视图，并根据需要将它们放置。...，可以包裹任何内容并添加背景和阴影。...你可以在应用中的多个地方使用该容器来保持一致的样式。Carousel：一个横向滚动的容器视图，可以自动排列并展示内容，适合展示横向滑动的图像或视图。
，并可通过按钮在搜索结果中进行滚动切换？...image-20220822161247454点击切换按钮定位到对应的搜索结果为 TranscriptionRow 视图添加显式标识符，并通过 ScrollViewProxy 滚动到指定的位置。...请阅读 优化在 SwiftUI List 中显示大数据集的响应效率[6] 以及 避免 SwiftUI 视图的重复计算[7] 两篇文章，了解更多有关性能优化方面的内容通过 currentPostion 获取需要滚动到的...SwiftUI 视图中打开 URL 的若干方法[10] 一文，了解更多有关 OpenURLAction 的内容创建体验感优秀的搜索条使用 safeAreaInset 添加搜索栏在没有 safeAreaInset.../posts/swiftUILifeCycle/[10] 在 SwiftUI 视图中打开 URL 的若干方法: https://www.fatbobman.com/posts/open_url_in_swiftUI
创建数据集 通过 List 展示数据集 用 ScrollViewReader 对 List 进行包裹 给 List 中的 item 添加 id 标识，用于定位 通过 scrollTo 滚动到指定的位置...也就是当显示主界面菜单时，列表视图已经完成了实例的创建（可以通过在 ListEachRowHasID 的构造函数中添加打印命令得以证明），因此也不应是实例化列表视图导致的延迟。...标识（ Identity ）是 SwiftUI 在程序的多次更新中识别相同或不同元素的手段，是 SwiftUI 理解你 app 的关键。...解决方案一 从 iOS 15 开始，SwiftUI 为 List 添加了更多的定制选项，尤其是解除了对列表行分割线设置的屏蔽且添加了官方的实现。...Item.timestamp, ascending: true)], animation: .default ) private var items: FetchedResults // 在视图中切换
前言WWDC 24 已经结束，我决定开始写一些关于 SwiftUI 框架即将推出的新特性的文章。今年，苹果继续填补空白，引入了对滚动位置更细粒度的控制。本周，我们将学习如何操作和读取滚动偏移。...为了弥补这一不足，SwiftUI 引入了新的 ScrollPosition 类型，使我们能够通过偏移量、滚动视图的边缘、视图标识符等组合滚动位置。...我们还放置了两个按钮，允许你快速滚动到滚动视图中的第一个或最后一个项目。ScrollPosition 类型提供了许多重载的 scrollTo 函数，使我们能够处理不同的情况。...为滚动添加动画通过附加动画视图修饰符并传递 ScrollPosition 类型的实例作为 value 参数，我们可以轻松地为编程滚动添加动画。...我们将这个偏移量存储在 scrollOffset 状态属性中，并在视图底部显示当前的滚动位置。
每年，SwiftUI 都会通过引入更多功能来赶上 UIKit。今年也不例外。让我们深入了解 SwiftUI 框架引入的新功能。...滚动位置新的 ScrollPosition 类型与 scrollPosition 视图修饰符配对，允许我们读取 ScrollView 实例的精确位置。我们还可以使用它编程地滚动到滚动内容的特定点。...extension EnvironmentValues { @Entry var itemsPerPage: Int = 10}预览新的 Previewable 宏允许我们在预览中引入状态，而无需将其包装到额外的包装视图中...框架的下一版本包括许多新 API，如窗口推送、TextField 和 TextEditor 视图中的文本选择观察、搜索焦点监控、自定义文本渲染、新的 MeshGradient 类型等等，我无法在一篇文章中涵盖所有内容...今年的主要变化包括 @MainActor 隔离、视图集合的新重载、新的可定制标签栏体验、英雄动画、滚动位置的新功能以及新的 Entry 和 Previewable 宏。
前言SwiftUI 引入了一组视图修饰符，使我们能够有效地管理视图中的安全区域。在许多情况下，安全区域是你希望放置内容的地方。...不幸的是，我们在 SwiftUI 中无法访问 readableContentGuide。...然而，正如你所见，这也将滚动条指示器从后导边缘移到了中心。使用 contentMargins我们需要一种区分视图的内容和工具栏，并仅移动内容而保持工具栏在原地的方法。...幸运的是，SwiftUI 引入了新的 contentMargins 视图修饰符，使我们能够在视图中移动特定类型的内容。...文章从创建示例开始，展示了在列表视图中如何处理内容边距的问题。
前言 WWDC 23 已经到来，SwiftUI 框架中有很多改变和新增的功能。在本文中将主要介绍 SwiftUI 中数据流、动画、ScrollView、搜索、新手势等功能的新变化。...在之前的 SwiftUI 框架版本中，应该使用 @ObservedObject 属性包装器来订阅更改。现在不需要了，因为 SwiftUI 视图会自动跟踪符合 Observable 协议的类型的更改。...动画 动画始终是 SwiftUI 框架中最重要的部分。在 SwiftUI 中轻松实现任何动画，但之前的框架版本缺少一些现在具有的功能。...它允许在滚动视图中启用分页。 搜索 与搜索相关的视图修饰符也有一些很好的新增功能。例如，可以通过编程方式聚焦到搜索字段。...Swift Charts 也具有可滚动和可动画的功能。
、惰性视图中子视图的生命周期、托管对象的惰值特性以及持久化存储协调器的行缓存等内容有更多的了解。...此时请不要惊讶，你可以尝试点击添加数据按钮继续增加数据，再次滚动到底部，你将看到更加令人震惊的内存占用数值，不过有极大的可能会看不到（ 应用已经崩溃了 ）。...在正常的情况下（ 惰性容器中仅包含一个 ForEach ，且子视图没有使用 id 添加显式标识 ），惰性容器仅会创建当前可见范围内的子视图实例，并对其 body 进行求值（ 渲染 ）。...根据上述原理，我们将尝试如下过程： 在 onAppear 的闭包中，通过私有上下文创建一个 Picture 对象 将 data 属性的数据转换成 Image，并保存在视图中的一个 Source of truth...，内存占用也仍然被控制在一个相当理想的状态（ 下图为 400 条数据滚动到底部的内存占用情况 ）。
欢迎大家在 Discord 频道[2] 中进行更多地交流判断一个可滚动控件（ ScrollView、List ）是否处于滚动状态在某些场景下具有重要的作用。...比如在 SwipeCell[3] 中，需要在可滚动组件开始滚动时，自动关闭已经打开的侧滑菜单。遗憾的是，SwiftUI 并没有提供这方面的 API 。...本文将介绍几种在 SwiftUI 中获取当前滚动状态的方法，每种方法都有各自的优势和局限性。...目前 SwiftUI 在内部的实现上去 UIKit（ AppKit ）化很明显，比如，本节介绍的方法在 SwiftUI 4.0 中已经失效方法二：Runloop我第一次接触 Runloop 是在学习 Combine...模式，因此无法有效地区分滚动是由那个控件造成的方法三：PreferenceKey在 SwiftUI 中，子视图可以通过 preference 视图修饰器向其祖先视图传递信息（ PreferenceKey
、惰性视图中子视图的生命周期、托管对象的惰值特性以及持久化存储协调器的行缓存等内容有更多的了解。...此时请不要惊讶，你可以尝试点击添加数据按钮继续增加数据，再次滚动到底部，你将看到更加令人震惊的内存占用数值，不过有极大的可能会看不到（ 应用已经崩溃了 ）。...在正常的情况下（ 惰性容器中仅包含一个 ForEach ，且子视图没有使用 id 添加显式标识 ），惰性容器仅会创建当前可见范围内的子视图实例，并对其 body 进行求值（ 渲染 ）。...同未优化过的代码一样，随着数据量的增大，内存的占用也将随之提高。在 400 条记录的情况下，滚动到底部，内存占用值差不多是 1.75 GB。...根据上述原理，我们将尝试如下过程： 在 onAppear 的闭包中，通过私有上下文创建一个 Picture 对象 将 data 属性的数据转换成 Image，并保存在视图中的一个 Source of truth
在 SwiftUI 5.0 中，苹果大幅强化了 ScrollView 功能。新增了大量新颖、完善的 API。本文将对这些新功能进行介绍，希望能够让它们更多、更早的帮助到有需要的开发者。...不限于 ScrollView，支持所有可滚动容器（包括 List、TextEditor 等）。 将可滚动容器内的所有子视图视为一个整体，并为其添加 margin。...在某些场景下，其效果与 safeAreaInset 十分相似。例如，在下面的代码中，为 ScrollView 的 leading 方向添加安全区域的两种方式效果是一致的。...可采用 优化在 SwiftUI List 中显示大数据集的响应效率[5] 一文中介绍的方式来解决。 scrollPostion(id:) 使用此修饰符可以让滚动视图滚动到特定的位置。...总结 我完全没有想到，在 SwiftUI 5 中，苹果对 ScrollView 进行了全面增强。值得赞赏的是，他们不仅提供了一些一直期待的功能，而且在 API 的设计和实现完成度上都非常出色。
地址：http://bbs.mb.qq.com/thread-201794-1-1.html 根据上面所说，在touchstart中添加了event.preventDefault()方法，在QQ和微信中果然正常了...抱着试一试的心态，果然好了，click能顺利触发，QQ和微信中也没有问题，我以为这样就好了，但是为什么页面不能滚动了？...原来touchmove中添加event.preventDefault方法之后会阻止浏览器默认的滚动。。。...所以页面无法滚动了，之后又去找找找，找了很久一直没找到怎么解决这个问题，突然想起之后用的一个移动端的图片轮播插件， 为什么他们可以左右滑动，不影响click事件和a标签，也不影响页面的滚动。...总结一下： 在QQ和微信（当然还包括其他浏览器，不过我没测试过）中如果有需要用到touch事件做的特效一定要在touchstart或者touchmove中添加event.preventDefault()
欢迎大家在 Discord 频道[2] 中进行更多地交流 SwiftUI 如果说从 SwiftUI 1.0 到 4.0 每年的升级是一种小修小补的行为，那么今年苹果在 SwiftUI 5.0 上做出的努力至少算得上是中期改款了...，直接定位到滚动视图的特定位置，只能使用一次 ）、全新的滚动条控制（ 闪烁 ）、可自定义行视图在滚动区域的顶端和显示区域的显示状态（ 例如可用其实现类似 watchOS 中的滚动到顶端子视图缩小的视觉效果...）、支持分页滚动（ 开发者长期盼望的 ）、自定义滚动内容的缩进、为滚动内容（非滚动容器）添加安全区域等众多功能。...在不考虑兼容旧版本的情况下，我认为 SwiftUI 5.0 的升级可以打 95 分（满分 100 分），不过考虑到很多的开发者在相当一段时间内还无法使用这些新功能，心情就会异常的低落。...开心还是无奈 在今年的 WWDC 中，苹果为 SwiftUI 带来了非常大的变革，并推出了开发者向往已久的 SwiftData。
大幅改善了 ScrollView 的控制力 本次升级中，为 ScrollView 带来了新的动态滚动定位系统（ 不依赖 ScrollViewReader 和显式的 id 声明）、一次性的定位系统（ 在视图进入后...，直接定位到滚动视图的特定位置，只能使用一次 ）、全新的滚动条控制（ 闪烁 ）、可自定义行视图在滚动区域的顶端和显示区域的显示状态（ 例如可用其实现类似 watchOS 中的滚动到顶端子视图缩小的视觉效果...）、支持分页滚动（ 开发者长期盼望的 ）、自定义滚动内容的缩进、为滚动内容（非滚动容器）添加安全区域等众多功能。...在不考虑兼容旧版本的情况下，我认为 SwiftUI 5.0 的升级可以打 95 分（满分 100 分），不过考虑到很多的开发者在相当一段时间内还无法使用这些新功能，心情就会异常的低落。...开心还是无奈 在今年的 WWDC 中，苹果为 SwiftUI 带来了非常大的变革，并推出了开发者向往已久的 SwiftData。
介绍 ScrollView 即滚动视图，在 iOS 开发中扮演着非常重要的角色。...但在 SwiftUI 的发展史上，ScrollView 一直处于“残废”的状态，直到 SwiftUI 6.0 才逐渐补齐短板。下面详细讲解 SwiftUI 中 ScrollView 的进化史。...SwiftUI 1.0 可以垂直与水平滚动。...可以控制滚动时键盘的隐藏方式。 可以控制滚动条的显隐。...5.0 新增scrollTargetBehavior修饰符，用于实现滚动时的行为，如对齐、分页。
正在测试的列表具有不同类型的数据（例如图像、视频、GIF、文本等）。在测试不同实现时执行相同的操作（例如，在内容上滚动三次）。数据以每页 25 个项目的形式获取。...在加载消息时进行任何后续滚动，不会影响性能。在此测试期间，FPS 值的平均值约为每秒 59 帧。滚动是流畅且响应迅速的。有 AnyView接下来，让我们做同样的测试，同时使用 AnyView 包装器。...此测试中的平均 FPS 约为每秒 55 帧，你可能会注意到在滚动时出现一些可见的故障，尽管情况并不那么糟糕。...没有 AnyView在没有 AnyView 包装器的情况下进行测试产生了与常规滚动测试相似的结果（58-59 FPS）。这也是预期的，因为 SwiftUI 知道视图的标识和结构。...当需要更新视图时，仅对其进行更改（例如，向视图添加另一个反应）。有 AnyView当我们在这种情况下使用 AnyView 时，事情就变得有趣了 - 在短时间内对屏幕上的视图进行频繁更新。
2.1 Opaque Result Type 新建一个SwiftUI的新项目，会出现如下代码：一个Text展示在body中。...但是，在SwiftUI里面，视图中声明的任何状态、内容和布局，源头一旦发生改变，会自动更新视图，因此，只需要一次布局。在属性前面加上@State关键词，即可实现每次数据改动，UI动态更新的效果。...方法重构UI，绘制界面，在绘制过程中会自动比较视图中各个属性是否有变化，如果发生变化，便会更新对应的视图，避免全局绘制，资源浪费。...在组合视图中，闭包中会处理大量的UI组件，FunctionBuilder是通过闭包建立样式，将闭包中的UI描述传递给专门的构造器，提供了类似DSL的开发模式。...在Xcode 11中提供了实时预览和静态预览两项功能，实时预览：代码的修改能够实时呈现在Xcode的预览窗口中；此外，Xcdoe还提供了快捷功能，通过command+鼠标点击组件，可以快速、方便地添加组件和设置组件属性
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
