开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

SwiftUI |如果被ScrollView取消，则DragGestures onEnded从不调用

是一种用于构建用户界面的声明式框架，由苹果公司提供。它可以让开发者使用简洁的代码来创建各种各样的界面，适用于多平台开发，包括 iOS、iPadOS、watchOS 和 macOS。

ScrollView 是 SwiftUI 中的一个视图容器，用于显示可以滚动的内容。在 ScrollView 中使用 DragGesture 可以实现拖动手势操作。然而，如果 ScrollView 被取消，也就是用户无法滚动视图，那么 DragGesture 的 onEnded 闭包将不会被调用。

这种行为可以在某些情况下对用户体验产生影响。因此，在设计界面时，我们需要考虑到这一点，并根据具体情况采取相应措施。

举个例子，如果我们希望在 ScrollView 被取消时也能触发 DragGesture 的 onEnded 闭包，我们可以使用其他手势，比如 TapGesture，来模拟拖动手势的行为。通过监听 TapGesture 的 onEnded 闭包，我们可以在 ScrollView 被取消时执行相应的操作。

腾讯云提供了一系列云计算产品，可以满足不同场景的需求。关于 SwiftUI 和 ScrollView 的具体用法，建议参考腾讯云官方文档，链接如下：

SwiftUI 文档：https://cloud.tencent.com/document/product/1250
ScrollView 文档：https://cloud.tencent.com/document/product/1250/44552

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

在 SwiftUI 下定制手势

时机 SwiftUI 手势内部没有状态一说，通过设置与指定时机对应的闭包，手势会在适当地时机自动进行调用。...点击通常只关注 onEnded；onChanged（或 updating）在拖拽、缩放、旋转中作用更大；长按只有在满足了设定时长的情况下，才会调用 onEnded。...•在 updating 中对偏移量进行判断，如果按压点的偏移超出了指定的范围，则中断计时。...并在 updating 中，调用用户提供的 onEnded 闭包，并进行标记•在手势的 onEnded 中，如果用户提供的 onEnded 闭包已经被调用，则不会再此调用•使用 State 替换 GestureState...在本例中，我们选择在 TapGesture 的 onEnded 中回调用户的闭包总结当前 SwiftUI 的手势，暂处于使用门槛低但能力上限不足的状况，仅使用 SwiftUI 的原生手段无法实现非常复杂的手势逻辑

2.7K2 0

解析SwiftUI布局细节（二）循环轮播+复杂布局

3、再提一点关于上面说的滚动视图，在UIKit中我们可以用UICollectionView搞定一切，但是在SwiftUI中没有这个控件，我建议采用的方式是 ScrollView + HStack + VStack...的方式去实现，很多同行有说目前来看SwiftUI的List在数据量大的情况下性能不是特别好，采用ScrollView是个不错的方式，而且也很容易构建出来，并不是说每一个Item的位置都需要你去计算，...true dragOffset = $0.translation.width } /// 结束 .onEnded.../// 拖拽的偏移量 @State var dragOffset: CGFloat = .zero /// 当前显示的位置索引, /// 这是实际数据中的1就是数据没有被处理之前的...true dragOffset = $0.translation.width } /// 结束 .onEnded

12K2 0

自定义 Button 的外观和交互行为

label：目标按钮的当前视图，通常对应着 Button 视图中的 label 参数内容role：iOS 15 后新增的参数，用于标识按钮的角色（取消或具备破坏性）isPressed：当前按钮的按压状态...而 TapGesture 在不松开手指的情况下，如果移动到可点击区域外，SwiftUI 将不会调用 onEnded 闭包中的操作。...默认情况下，即使单元格的视图中包含了多个按钮，SwiftUI 也只会将 List 的单元格视作一个按钮（点击后同时调用所有按钮的操作）。...通过为 List 设置 PlainButtonStyle 风格，便可以调整这一行为，让一个单元格中的多个按钮可以被分别触发。...，附加手势需在 Button 之外添加（例如下文的 simultaneousGesture 实现）为按钮添加 Trigger在 SwiftUI 中，为了判断某个按钮是否被按下（尤其是系统按钮），

3.7K6 0

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

Sheet执行下面的代码，你可以清楚地看到，在通过手势取消 Sheet 时，与其关联的状态是在 Sheet 完成取消动画后才发生了改变。...而通过调用环境值或直接修改绑定状态，SwiftUI 则遵循了响应式编程原则，进行了的先调整状态，后更新视图的操作。...通过手势取消 Sheet 后，快速右滑导航容器会导致应用锁死这是一个在 SwiftUI 所有版本中存在的错误，你可以在众多的论坛或聊天室里看到不少的开发者都在寻找解决方法。...如果我们认为问题出在这里，就需要使用编程式导航的方式来调整代码。为了不影响用户的使用习惯，我们禁用了 NavigationStack 自带的 Back 按钮。...ScrollView { ....}// start.navigationBarBackButtonHidden(true).toolbar { if !

67311 0

如何判断 ScrollView、List 是否正在滚动中

: UIScrollView)开始滚动时调用此方法scrollViewDidEndDecelerating(_ scrollView: UIScrollView)手指滑动可滚动区域后（此时手指已经离开...Bool)手指拖动结束后（手指离开时），调用此方法在 SwiftUI 中，很多的视图控件是对 UIKit（ AppKit ）控件的二次包装。...的时候，直到我碰到 Timer 的闭包并没有按照预期被调用时才对其进行了一定的了解Runloop 是一个事件处理循环。...如果想切换 Mode，必须先退出 loop 然后再重新指定一个 Mode 进入。...preference 与 onChange 的调用时机非常类似，只有在值发生改变后才会传递数据。在 ScrollView、List 发生滚动时，它们内部的子视图的位置也将发生改变。

3.8K4 0

SwiftUI 视图的生命周期研究

视图值树在 SwiftUI 中，视图是状态的函数[2]。开发者通过符合 View 协议的结构体来声明界面，SwiftUI 通过调用结构体实例的 body 获取对应的视图值。...body 则根据用户的界面描述和对应的依赖（Source of truth）计算结果。...调用 body 计算结果通过在 body 中添加类似如下的代码，我们可以在 SwiftUI 调用实例的 body 时获得通知： let _ = print("update some view") 计算...如果用此条件来解释上面的情况便完全可以说的通了。 •ZStack 中，即使层被隐藏，但被隐藏层也必然会影响父视图 ZStack 的布局规划。...更确切的表述应该是，当视图销毁时，将向 task 修饰器中的闭包发送任务取消的信号。至于是否取消，仍由 task 中的闭包自己决定。

4.4K3 0

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

Sheet 执行下面的代码，你可以清楚地看到，在通过手势取消 Sheet 时，与其关联的状态是在 Sheet 完成取消动画后才发生了改变。...而通过调用环境值或直接修改绑定状态，SwiftUI 则遵循了响应式编程原则，进行了的先调整状态，后更新视图的操作。...通过手势取消 Sheet 后，快速右滑导航容器会导致应用锁死这是一个在 SwiftUI 所有版本中存在的错误，你可以在众多的论坛或聊天室里看到不少的开发者都在寻找解决方法。...如果我们认为问题出在这里，就需要使用编程式导航的方式来调整代码。为了不影响用户的使用习惯，我们禁用了 NavigationStack 自带的 Back 按钮。...ScrollView { .... } // start .navigationBarBackButtonHidden(true) .toolbar { if !

3182 0

如何在 Swift 中取消一个后台任务

一个取消按钮被添加到视图中，其点击事件是在ViewModel中调用取消方法。...如果一个下载被取消，而随后的下载又迅速开始，这可能会在用户界面上造成问题———第一个任务的isDownloading属性被设置为false，效果是停止了第二次下载。...不需要对 View 进行任何更改，取消按钮仍然调用 ViewModel 中的 cancel 函数。...SwiftUI 中的子任务在 SwiftUI 中取消和恢复后台任务结论在异步编程中，重要的是停止任何不需要的后台任务以节省资源并避免后台任务干扰应用程序的任何不良副作用。...Swift异步框架提供了许多方法来表明任务已被取消，但这取决于任务中的代码实现者在任务被取消时做出适当的反应。一旦一个任务被取消，就不能再取消了。

2.8K3 0

Ask Apple 2022 与 SwiftUI 有关的问答（下）

将背景扩展到安全区域Q：如果我有一个自定义的容器类型，可以接受一个顶部和底部的视图，是否有办法让 API 的调用者将所提供的视图的背景扩展到安全区域内，同时将内容（如文本或按钮）保留在安全区域内？...macOS APIQ：对于运行 Monterey 的 Mac，能否如何在 SwiftUI 中实现下面需求的建议：打开一个窗口在该窗口中初始化数据找到所有打开的窗口确定一个窗口是否打开从不在该窗口的视图中关闭一个窗口...遇到这种错误的解决办法是把表达式拆成更小的子表达式，特别是如果这些小的子表达式被赋予了明确的类型。...）调用 transformAnchorPreference(key:_, value:_, transform:_) or preference(key:_,value:_) 来在 SwiftUI 更新视图时收集坐标信息调用...在 SwiftUI 中，有一个从第一版开始就存在但尚未公开的纯 SwiftUI 实现的滚动容器 —— _ScrollView 。

14.8K3 0

【visionOS】从零开始创建第一个visionOS程序

前言：本來是看BonjourWeb的，但不自觉被apple visionOS吸引，因为这个概念的产品真的太前沿新颖了。...靓仔，如果你想为visionOS开发软件，那前提是需要一台带有苹果芯片的Mac。这样才可以在使用SwiftUI创建新应用，充分利用visionOS中提供的沉浸感。...内容似乎具有真正的深度，人们可以从不同的角度观看它，使它看起来就在他们面前。在为visionOS构建应用程序时，请考虑如何为应用程序的界面添加深度。...如果你需要定位SwiftUI视图和RealityKit实体之间的相对位置，使用RealityView的content参数中的方法执行任何需要的坐标转换。...如果你的应用程序定义了多个空格，你必须在显示一个不同的空格之前取消当前可见的空格。如果不取消可见空间，那么当您尝试打开另一个空间时，系统将发出运行时警告。

8804 0

SwiftUI TextField 进阶 —— 事件、焦点、键盘

如果想实时的对用户的录入数据进行处理，请参阅 SwiftUI TextField 进阶——格式与校验[2]。 onCommit 对 SecureField 同样适用。...取消键盘有些情况下，在用户输入完毕后，我们需要取消软键盘的显示，以便留出更大的显示空间。某些键盘类型并没有return按键，因此我们需要使用编程的方式让键盘消失。...•使用 FocusState 取消键盘如果为 TextField 设置了对应的 FocusState，通过将该值设置为false或nil即可取消键盘 struct HideKeyboardView: View...如果分别对不同的 TextField 进行设定，SwiftUI 会将所有的内容合并起来显示。目前 SwiftUI 对 toolbar 内容的干预和处理有些过头。...在不同的视图种类（例如 List、Form、ScrollView）中，或使用辅助视图、textContentType 的情况下都可以避免遮挡正在输入的 TextField。

13.2K1 0

WWDC 23 ，SwiftUI 5 和 SwiftData 的初印象

SwiftUI 如果说从 SwiftUI 1.0 到 4.0 每年的升级是一种小修小补的行为，那么今年苹果在 SwiftUI 5.0 上做出的努力至少算得上是中期改款了。...如果你打算开发 iOS 17+ 的应用，那么就应该马上抛弃 @ObservableObject 这样的声明方式。由于在同一个系统中存在了两种不同的数据源声明逻辑，这也给初学者带来了更多的困扰。...革命性的动画和视觉效果升级 SwiftUI 原本欠缺一些高级的动画和视觉功能在本次升级中一并被补上了，而且苹果大幅更新了动画、转场、Shape、效果等方面的内部实现。...大幅改善了 ScrollView 的控制力本次升级中，为 ScrollView 带来了新的动态滚动定位系统（不依赖 ScrollViewReader 和显式的 id 声明）、一次性的定位系统（在视图进入后...原来设置的 Index，目前无法转换（可生成对应的代码，但 Attributed 尚未完全）所有针对 Core Data 的启动参数目前同样适用 modelContext 的自动保存有问题，当前仍应调用

1.1K2 0

WWDC 23 ，SwiftUI 5 和 SwiftData 的初印象

欢迎大家在 Discord 频道[2] 中进行更多地交流 SwiftUI 如果说从 SwiftUI 1.0 到 4.0 每年的升级是一种小修小补的行为，那么今年苹果在 SwiftUI 5.0 上做出的努力至少算得上是中期改款了...如果你打算开发 iOS 17+ 的应用，那么就应该马上抛弃 @ObservableObject 这样的声明方式。由于在同一个系统中存在了两种不同的数据源声明逻辑，这也给初学者带来了更多的困扰。...革命性的动画和视觉效果升级 SwiftUI 原本欠缺一些高级的动画和视觉功能在本次升级中一并被补上了，而且苹果大幅更新了动画、转场、Shape、效果等方面的内部实现。...大幅改善了 ScrollView 的控制力本次升级中，为 ScrollView 带来了新的动态滚动定位系统（不依赖 ScrollViewReader 和显式的 id 声明）、一次性的定位系统（在视图进入后...原来设置的 Index，目前无法转换（可生成对应的代码，但 Attributed 尚未完全）所有针对 Core Data 的启动参数目前同样适用 modelContext 的自动保存有问题，当前仍应调用

3741 0

在 SwiftUI 中创建自适应的程序化导航方案

取消选中高亮 // 可以用类似的方式，改善当 contentID 变化后，content 列仍会有灰色选择提示的问题 DispatchQueue.main.asyncAfter...如果将代码调整成如下样式，则会在转换后丧失程序化导航的能力（无法通过修改状态，返回上层视图）。if store.detailID !...= nil { List(selection: $store.detailID)} else { Text("Empty")}修改状态后，List 仍会用灰色显示上次选中的项目即使取消了状态...VStack { NavigationSplitView(columnVisibility: $visible, sidebar: { ScrollView...麻烦但最能打 —— NavigationSplitView + NavigationStack如果上述两个方案仍无法满足你的需求，那么便需要根据当前的视觉大小模式选择性调用 NavigatoinStack

4.2K3 0

老人新兵 —— 一款 iOS APP 的开发手记

但对于在移动端应使用什么样的产品或框架则完全没有概念。想着既然作为兴趣作品，那么可以借机多了解一下当下流行的移动数据持久化方案。...ScrollViewSwiftUI 中的 ScrollView 沿袭了其他 SwiftUI 控件的特点，使用起来非常轻巧，但几乎不提供额外的控制选项。...如果 TextField 在 ScrollView 中，当在不同的 Segment Picker 中切换时，使用系统自带中文输入会闪退。英文和第三方中文输入没有问题。...我的 app 中有几处 Sheet 弹出的响应就比较慢（将 view 移出 sheet，使用 NavigationLink 调用显示就很好），尤其是退出时的响应更慢。...如果此时我不做任何动作就没问题了。但我一时头脑发热在 app 已经进入了 review 的情况下改动了资费的元数据，结果 app 被拒，而此时该资费便始终处于审核状态。

2.5K4 0

SwiftUI 布局协议 - Part2

如果你不知道或者忘记这是什么，我建议你查看 SwiftUI 布局协议 - Part 1 的 Animating Shape Paths 部分。...如果 CPU 开始飙升，或许可以在 placeSubviews 中添加一条打印语句查看它是否无休止的调用。注意动画也会使 CPU 增长。如果你想测试你的容器是否循环，不要在动画时查看 CPU 。...我们提到 SwiftUI 可能会多次调用 sizeThatFits 去测试视图的灵活性。在这些调用中，你返回的值应该是合理的。...在 placeSubviews 方法中，如果子视图被多次定位，最后一次调用place() 才会产生影响。...这些视图可以轻易的检测到这种情况，这要归功于独立的缓存值，如果缓存是由 InterpolatedLayout 创建的，则该值仅为 false。

2.7K3 0

SheetKit——SwiftUI模态视图扩展库

开发SheetKit的主要原因： •便于Deep link的调用SwiftUI提供了onOpenURL方法让应用程序可以非常轻松的响应Deep Link。但在实际使用中，情况并不如预期。...•模态视图的集中管理SwiftUI通常采用.sheet来创建模态视图，对于简单的应用来说，这种形式非常直观，但如果应用程序的逻辑比较复杂、需要的模态视图众多，则上述方式就会让代码显得十分混乱，不易整理。...因此，在此种情况下，通常我们会将所有的模态视图集中管理起来，统一调用。请参阅我之前的文章——在SwiftUI中,根据需求弹出不同的Sheet[3]。...SheetKit().dismissAllSheets(animated: false, completion: { print("sheet has dismiss") }) dismiss 如果只想取消最上层的模态视图...interactiveDismissDisabled SwiftUI 3.0的interactiveDismissDisabled加强版，在通过代码控制是否允许手势取消的基础上，增加了当用户使用手势取消时可以获得通知的能力

2.9K2 0

StateObject 与 ObservedObject

当被订阅的可观察对象通过内置的 Publisher 发送数据时（通过 @Published 或直接调用其 objectWillChange.send 方法），StateObject 和 ObservedObject...类型，开发者可以通过调用 AnyCancellable 的 cancel 方法手动取消订阅。...，如果 Publisher 不复存在了，订阅关系也将自动解除。...ObservedObject 和 StateObject 两者都保存了视图与可观察对象的订阅关系，在视图存续期内，它们都不会主动取消这个订阅，但 ObservedObject 无法确保可观察对象是否会由于被销毁而提前取消订阅...在 SwiftUI 将视图添加到视图树上时，调用 _makeProperty 方法将需要持有的订阅关系、强引用等信息保存到 SwiftUI 内部的数据池中。

2.4K2 0

掌握 SwiftUI 的 task 修饰器

Swift 采用的是协作式任务取消机制，也就是说，SwiftUI 是无法直接停止掉我们通过 task 修饰器创建的异步任务的。...当满足了需要停止由 task 修饰器创建的异步任务条件时，SwiftUI 会给该任务发送任务取消信号，任务必须自行响应该信号并停止作业。...在以下两种情况下，SwiftUI 会给由 task 创建的异步任务发送任务取消信号：视图（ task 修饰器绑定的视图）满足 onDisappear 触发条件时绑定的值发生变化时（采用 task 观察值变化时....task(timer) 写为 .task{ await timer() } ，则仍会运行于主线程中如果你的视图中声明了其他符合 DynamicProperty 协议的 Source of Truth...在了解了两个版本的 task 修饰器的工作原理和调用机制后，为老版本的 SwiftUI 添加 task 修饰器将不再有任何困难。

2.2K3 0

掌握 SwiftUI 的 task 修饰器

原文发表于我的博客肘子的Swift记事本 task vs onAppear SwiftUI 提供了两个版本的 task 修饰器，版本一的作用和调用时机与 onAppear 十分类似： public func...Swift 采用的是协作式任务取消机制，也就是说，SwiftUI 是无法直接停止掉我们通过 task 修饰器创建的异步任务的。...当满足了需要停止由 task 修饰器创建的异步任务条件时，SwiftUI 会给该任务发送任务取消信号，任务必须自行响应该信号并停止作业。....task(timer) 写为 .task{ await timer() } ，则仍会运行于主线程中如果你的视图中声明了其他符合 DynamicProperty 协议的 Source of Truth...在了解了两个版本的 task 修饰器的工作原理和调用机制后，为老版本的 SwiftUI 添加 task 修饰器将不再有任何困难。

3.6K6 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭