首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么不能在我的整个模式视图上使用SwiftUI中的.gesture()?

在SwiftUI中,.gesture()是一个用于添加手势识别的修饰符。然而,它不能直接应用于整个模式视图上的原因是,模式视图是一种特殊的视图类型,它负责管理和布局其子视图。因此,如果我们直接在模式视图上使用.gesture(),手势将无法正确地传递给子视图。

为了解决这个问题,我们可以使用其他方法来添加手势识别。一种常见的方法是使用overlay()修饰符将手势添加到模式视图上方的透明视图上。这样,手势将被正确地传递给子视图,并且不会影响模式视图的布局和功能。

下面是一个示例代码,演示了如何在模式视图上使用手势识别:

代码语言:txt
复制
struct ContentView: View {
    @State private var offset = CGSize.zero
    
    var body: some View {
        ZStack {
            // 模式视图
            RoundedRectangle(cornerRadius: 10)
                .fill(Color.blue)
                .frame(width: 200, height: 200)
                .offset(offset)
                .gesture(
                    DragGesture()
                        .onChanged { value in
                            self.offset = value.translation
                        }
                        .onEnded { _ in
                            self.offset = CGSize.zero
                        }
                )
            
            // 透明视图,用于添加手势
            Color.clear
                .frame(width: 200, height: 200)
                .gesture(
                    DragGesture()
                        .onChanged { value in
                            self.offset = value.translation
                        }
                        .onEnded { _ in
                            self.offset = CGSize.zero
                        }
                )
        }
    }
}

在这个示例中,我们使用ZStack将模式视图和透明视图叠加在一起。模式视图是一个蓝色的圆角矩形,透明视图是一个与模式视图相同大小的透明颜色视图。我们将手势添加到透明视图上,以确保手势能够正确地传递给模式视图。

这样,我们就可以在整个模式视图上使用手势识别,而不会影响其布局和功能。

相关搜索:为什么我的javascript函数不能在整个页面中工作为什么我的ContentView样式只能在整个页面中工作一次?为什么windbg不能在内核模式转储中显示我的用户模式调用堆栈?为什么我不能在SwiftUI的视图结构中接收到观察者类的通知?为什么我不能在我的模式中使用redux来管理状态来打开和关闭?为什么我不能在xamarin上使用XlsIO中的Open()?为什么我的bootstrap 4菜单项不能在垂直菜单中占据整个宽度?为什么使用AVPlayer时我的视频不能在UIView中播放为什么我的字体不能在使用CSS声明的IE11中呈现?为什么我无法在SwiftUI中检测到使用CoreBluetooh的其他蓝牙设备?为什么我的JSON在使用decode时不能在PHP脚本中解码?为什么我不能在angularjs中的双向绑定指令组件中使用相同的名称?我如何才能在不破坏覆盖的合法使用的情况下防止Android中的窃听?为什么file: prefix在我使用spring框架的测试中不能在@ContextConfiguration中工作?为什么我不能在google form中自动填充的查找函数中使用arrayformula?为什么macOS中的SwiftUI多行换行文字可以在预览中使用,而不能在真实应用中使用?当我使用@ManyToOne时,为什么我不能在我的数据库中插入一行?为什么我的对象不能在框架中显示,尽管我在Java中使用JLayeredpane?当我使用react时,为什么我不能在chrome中调试没有括号的部分代码?为什么我不能在我的代码asp.net c#中使用app_code中的代码文件
相关搜索:
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

SwiftUI Overlay Container 2 —— 可定制、高效、便捷的视图管理器

因此,我写了一个组件希望可以帮助开发者在 SwiftUI 中快速完成上述需求。但受限于当时的技术能力,很多的想法都没有能够很好地实现。...在 SwiftUI 中,描述视图已经变得十分的容易,因此我们完全可以将上述场景中的显示逻辑提炼出来,创建出一个可以覆盖更多使用场景的库,帮助开发者组织视图的显示风格和交互逻辑。...快速使用指南 更详细的信息,可以参看库中的演示以及源代码中的注释。...当给定的视图数量超过了容器设定的最大视图数量时,超过的视图会暂存在等待队列中,并在已显示视图取消后,逐个递补。 multiple oneByOne 同一时间只能在容器中显示一个视图。...使用者通过调用容器管理器的特定方法,让指定的容器执行显示视图、撤销视图等工作。 容器管理器的环境值 在 SwiftUI 中,视图代码通过环境值调用容器管理器。

2.1K20

在 SwiftUI 下定制手势

相较 State 有如下不同: •只能在手势的 updating 方法中修改,在视图其它的地方为只读•在手势结束时,与之关联(使用 updating 进行关联)的手势会自动将其内容恢复到它的初始值•通过...1.2 思路 在 SwiftUI 预置手势中,仅有 DragGesture 提供了可用于判断移动方向的数据。根据偏移量来确定轻扫方向,使用 map 将繁杂的数据转换成简单的方向数据。...AnyGesture在 Gesture 协议中,需要实现一个隐藏的类型方法:_makeGesture。...当我们不在结构体中使用自定义的 Value 类型时,SwiftUI 可以推断出 Self.Body.Value,此时可以将 body 声明为some Gesture。...在本例中,我们选择在 TapGesture 的 onEnded 中回调用户的闭包 总结 当前 SwiftUI 的手势,暂处于使用门槛低但能力上限不足的状况,仅使用 SwiftUI 的原生手段无法实现非常复杂的手势逻辑

2.7K20
  • 解析SwiftUI布局细节(二)循环轮播+复杂布局

    这篇我们还是说我们关于SwiftUI的东西,再提一下Demo代码我已经提交上Git了,目前Demo进度为一级页面基本上结束,地图点击大头针的添加也刚处理完,代码有需要的小伙伴可以去Git看看,项目地址...NavigationView + NavigationLink 的界面跳转,在苹果给的 SwiftUI 的使用例子中就是这样写的,当然我们在正常的使用中这样写也没啥问题,那我们界面跳转的问题是什么呢?...如果你看了我们 Demo中的代码,你就知道我们是采用 TabView 嵌套 NavigationView 的形式,在这样的模式下似乎是存在问题的, 在 TabView+NavigationView 中你利用...具体的我们Demo中可以看看“我的”页面那个 List 的代码,问题就在那里。要理解这点的麻烦也给我说说,感谢!...3、再提一点关于上面说的滚动视图,在UIKit中我们可以用UICollectionView搞定一切,但是在SwiftUI中没有这个控件,我建议采用的方式是 ScrollView + HStack + VStack

    12.2K20

    好看的图表怎么画,看完这几个 API 你就会了

    image 要是我也能开发出这样的数据可视化图表就好了,于是我就立下了 flag。 终于今天我要来兑现我的 flag 啦!...先来一波概念 在正式的开始编码之前,我们先来熟悉一下 SwiftUI 提供的一些绘制图形和图形特效的 API 吧!...实现的效果如下: image 绘制一个圆角矩形,这里需要用到 RoundedRectangle 这个结构体,在 SwiftUI 中的定义如下: @frozen public struct RoundedRectangle...根据手势滑动得到在屏幕上的坐标,然后根据当前的坐标去计算数据数组中的索引,从而得到数组的值,部分代码如下: .gesture(DragGesture().onChanged({ value in...Path 是 SwiftUI 提供的一个用于绘制 2D 图形的结构体,我称之为路径。

    3K10

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

    本文将解析 SwiftUI 中两个由于未能贯彻响应式编程原则而导致的严重错误,并提供相应的解决方案。...原文发表在我的博客 肘子的Swift记事本视图变化在前、状态变化在后在 SwiftUI 中,某些可编程控件在执行一定的操作时,会先更新视图,待视图变化完成后再修改与其对应的状态。...为什么状态更新滞后会导致严重错误由于 SwiftUI 的 不透明性,想要分析这些问题的成因并不容易。...幸运的是,我从 @KyleSwifter 的 解密 SwiftUI 背后的 AttributeGraph 一文中找到了线索。...在我们遇到问题的两个场景中,应用程序都恰好使用了导航容器,并且通过特定的操作,使 RunLoop 处于了适合 AG 打包更新的状态。

    761110

    SwiftUI 中掌握 ScrollView 的使用:滚动可见性

    要了解有关 scrollTargetLayout 视图修饰符的更多信息,请查看我的文章《掌握 SwiftUI 中的 ScrollView:滚动几何》。...对于这些情况,SwiftUI 框架引入了 onScrollVisibilityChange 视图修饰符,你可以将其附加到 ScrollView 内的任何视图上以处理其可见性。...默认情况下,SwiftUI 框架使用 0.5 作为阈值,这意味着至少 50% 的视图需要可见,SwiftUI 才会运行操作。但你可以轻松调整此值。...整个示例分为两个部分:一个是显示带有多个文本视图的 ScrollView,另一个是显示一个视频播放器视图。...示例展示了如何使用 SwiftUI 的滚动可见性修饰符来增强用户体验和交互性。希望能对你有所帮助。

    22421

    我庆幸果断放弃了SwiftUI:它还不够成熟

    考虑到配套创作工具 CiderKit 在发展成熟的过程中也变得愈发复杂,再加上创建各种窗口和 UI 元素的实际需求,我决定尝试用用 SwiftUI。...但这会导致检查器中的值出现延迟,因此在地图编辑器的交互过程中(比如使用移动工具时)结果不准确,所以效果还是称不上完美。 但我觉得这可能只是个独立问题,并不能因此把 SwiftUI 一棒子打死。...但上图展示的效果其实是在 AppKit 中完成的,因为我在 SwiftUI 一直实现不了预期的功能。大家应该注意到了,中间的 SpriteKit 视图上有三个按钮(分别是 +、200% 和 -)。...这可以说是压死骆驼的最后一根稻草了,我决定放弃 SwiftUI,继续用 AppKit。 总    结 其实没能在项目中用到 SwiftUI,会让我感觉有点遗憾。...但继续使用 AppKit 的最大优点,就是没有任何延迟而且一切功能完全符合预期。当然,整个构建过程更繁琐,而且自动布局功能也不怎么好用。

    5.1K20

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

    本文将解析 SwiftUI 中两个由于未能贯彻响应式编程原则而导致的严重错误,并提供相应的解决方案。...为什么状态更新滞后会导致严重错误 由于 SwiftUI 的 不透明性,想要分析这些问题的成因并不容易。...幸运的是,我从 @KyleSwifter[4] 的 解密 SwiftUI 背后的 AttributeGraph[5] 一文中找到了线索。...在我们遇到问题的两个场景中,应用程序都恰好使用了导航容器,并且通过特定的操作,使 RunLoop 处于了适合 AG 打包更新的状态。...随着版本的提高,SwiftUI 的功能也确实得到了相当程度的增加。不过,即使在最新的版本中,在一些对 UIKit(AppKit)进行二次包装的控件中,仍有不少细节处理不到位的问题。

    37020

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

    在 iOS 15 中,新增的支持 ParseableFormatStyle 的构造方法不提供该参数,因此对于使用新 Formatter 的 TextField 需要使用其他的手段来判断是否获得或失去焦点...当接受到的SubmitTriggers值不包含在 onSubmit 设置的SubmitTriggers时,传递将终止。...asciiCapable 键盘 尽管苹果预置了不少键盘模式可以选择,不过在某些情况下仍无法满足使用的需要。...在 SwiftUI 3.0 之前,我们必须在主视图上另外绘制或者使用非 SwiftUI 的方式来解决问题,在 SwiftUI 3.0 中,由于添加了原生设置键盘辅助视图(下文具体介绍)的功能,解决上述问题将不再困难...同其他类型的 Toolbar 类似,SwiftUI 会干预内容的排版。•无法对同一视图中多个 TextField 分别设定辅助视图在 ToolbarItem 中无法使用稍微复杂一点的判断语法。

    13.4K10

    肘子的 Swift 周报 #036 | WWDC 2024 观后感

    这些措施无疑将进一步激发社区的活力,增强开发者对使用 Swift 的信心。 SwiftData SwiftData 的最新版本带来了意外的震撼。...SwiftUI 初次接触 SwiftUI 今年的新特性时,我并未感到特别兴奋。然而,做了更多的研究后,我意识到此次更新在 SwiftUI 的发展史上将具有十分重要的意义。...在这次更新中,SwiftUI 团队转变了其以往的 API 设计策略——过往的设计高度封装且调整空间较小,现在则为开发者提供了更多的底层控制能力。...随着 SwiftUI 与 UIKit 框架之间动画、转场和手势等机制的共享,SwiftUI 正逐渐从仅基于 UIKit/AppKit 的框架,转变为与苹果生态中其他 UI 框架更平等的合作伙伴。...最后 我对 WWDC 2024 的满意程度无疑非常高,这种满意是随着我对新功能和新特性的逐步了解与深入体验而逐渐增强的。这种情况在最近几届 WWDC 中相对罕见。

    13410

    打造可适配多平台的 SwiftUI 应用

    访问我的博客 www.fatbobman.com 可以获得最新的内容。开场白大家好,我是肘子。今天我要和大家交流的主题是 —— 打造可适配多平台的 SwiftUI 应用。...这样就失去了多窗口存在的意义。图片为什么会出现这种情况呢?我们都知道 SwiftUI 是一个声明式框架。...由于 iPhone 只支持单窗口模式,通常我们不会太注意它的存在,但在 iPadOS 以及 macOS 这些支持多窗口的系统中,则代表着,每次创建一个新窗口(在 macOS 中,通过菜单中的新建来创建新窗口...这种通过 environmentObject 或 environment 来注入的信息,只能在为当前场景创建的视图树中被使用。...os(macOS) TabViewContainer() #else StackContainer() #endif}当做完这些改动后,您会发现,我们只能在设置中更改电影信息窗口的颜色模式和语言

    3.2K80

    Ask Apple 2022 与 SwiftUI 有关的问答(下)

    开发者即使无法实现这样的布局容器,也应对各种尺寸需求的定义有清晰的理解。在 SwiftUI 布局 —— 尺寸( 上 )[8] 一文中,对建议尺寸的几种模式都进行了介绍。...A:你最好的选择是使用 ScrollView 和 ScrollViewReader,并在 onAppear 或新内容进来时滚动到最底部的视图。我不建议尝试旋转滚动视图。...定制 ListQ:是否有办法以完全可定制的方式使用 List ,这样我就可以实现删除缩进、分隔线,甚至更改整个列表的背景等操作? 目前,我总是去找 LazyVStack 来代替。...软弃用Q:最近,我注意到新的 @ViewBuilder 函数在以前的版本中是不可用的,弃用信息提示我使用新的方法取代老方法,这是 SwiftUI 的 API 设计缺陷还是我错过了什么?...因为这些使用并不有害,我们不希望开发者因为使用了新的编译器版本而处理一堆的警告。

    14.8K30

    WWDC 23 ,SwiftUI 5 和 SwiftData 的初印象

    苹果不仅带来了全新形态的硬件产品,还推出了几个相当震撼的新框架。本文将聊聊我对本届 WWDC 中 SwiftUI 5.0 和 SwiftData 的初步印象。...这从根本上解决了当前影响 SwiftUI 应用( 过渡计算 )的效率问题。让开发者可以更加自由的来设计数据结构以及随心所欲的注入数据源。 不过很遗憾,这项新特性只能在 SwiftUI 5 上实现。...在不考虑兼容旧版本的情况下,我认为 SwiftUI 5.0 的升级可以打 95 分(满分 100 分),不过考虑到很多的开发者在相当一段时间内还无法使用这些新功能,心情就会异常的低落。...这是我目前整理的一些有关 SwiftData 的问题和注意事项( 原文发表在推文中,没有进行更系统的归纳): 尚不支持公共和共享数据的云同步 在当前版本中,通过其他上下文(ModelContext)创建的数据并不会自动合并到视图上下文中...,即使你打算开发 iOS 17+ 应用,目前也不建议直接使用 SwiftData。

    39110

    打造可适配多平台的 SwiftUI 应用

    有关本次活动的情况,可以参阅 我在北京参加 SwiftUI 技术沙龙[1] 一文。...我们都知道 SwiftUI 是一个声明式框架。这不仅意味着开发者可以通过声明的方式来构造视图,而且场景(对应着独立的窗口)甚至整个 App 都是基于声明式代码来创建的。...这种通过 environmentObject 或 environment 来注入的信息,只能在为当前场景创建的视图树中被使用。...我将通过另一个简单的应用来展示这种场景。 我想很多读者此时都不会太赞同在每个场景中创建一个独立的 Store 实例这种做法。...(macOS) TabViewContainer() #else StackContainer() #endif } 当做完这些改动后,您会发现,我们只能在设置中更改电影信息窗口的颜色模式和语言

    2.1K10

    WWDC 23 ,SwiftUI 5 和 SwiftData 的初印象

    苹果不仅带来了全新形态的硬件产品,还推出了几个相当震撼的新框架。本文将聊聊我对本届 WWDC 中 SwiftUI 5.0 和 SwiftData 的初步印象。...这从根本上解决了当前影响 SwiftUI 应用( 过渡计算 )的效率问题。让开发者可以更加自由的来设计数据结构以及随心所欲的注入数据源。 不过很遗憾,这项新特性只能在 SwiftUI 5 上实现。...在不考虑兼容旧版本的情况下,我认为 SwiftUI 5.0 的升级可以打 95 分(满分 100 分),不过考虑到很多的开发者在相当一段时间内还无法使用这些新功能,心情就会异常的低落。...这是我目前整理的一些有关 SwiftData 的问题和注意事项( 原文发表在推文中,没有进行更系统的归纳): 尚不支持公共和共享数据的云同步 在当前版本中,通过其他上下文(ModelContext)创建的数据并不会自动合并到视图上下文中...,即使你打算开发 iOS 17+ 应用,目前也不建议直接使用 SwiftData。

    1.1K20

    TCA - SwiftUI 的救星?(一)

    四年多前我写过一篇关于使用单向数据流来架构 View Controller[2] 的文章,因为 UIKit 中并没有强制的 view 刷新流程,所以包括绑定数据在内的很多事情都需要自己动手,这为大规模使用造成了不小的障碍...而自那时过了两年后, SwiftUI 的发布才让这套机制有了更加合适的舞台。在 SwiftUI 发布初期,我也写过一本相关的书籍[3],里面使用了一些类似的想法,但是很不完善。...SwiftUI 最基础的状态管理模式,做到了 single source of truth:所有的 view 都是由状态导出的,但是它同时也存在了很多不足。...我们真的需要一种架构,来让 SwiftUI 的使用更加轻松一些。 从 Elm 获得的启示 我估摸着前端开发的圈子一年能大约能诞生 500 多种架构[8]。...不出意外,当 WithViewStore 接受的闭包满足 View 协议时,它本身也将满足 View,这也是为什么我们能在 CounterView 的 body 直接用它来构建一个 View 的原因。

    3.3K30

    构建稳定的预览视图 —— SwiftUI 预览的工作原理

    由于预览崩溃的次数和场景的增加,一些开发者已经视预览为 SwiftUI 的缺点之一,并对其产生了排斥感。 预览功能真的如此不堪吗?我们当前使用预览的方式真的妥当吗?...我将通过两篇文章来分享我对预览功能的认知和理解,并探讨如何构建稳定的预览。本文将首先剖析预览功能的实现机制,让开发者了解哪些情况是预览必然无法处理的。...可惜的是,Toomas Vahter在文章中没有告诉读者崩溃原因。我借用这段代码来与大家一起探究预览功能是如何工作的。...这就解释了这段代码为什么在模拟器和真机中可以运行,但会导致预览崩溃。因为预览是以衍生代码作为入口,只依赖有限的导入信息对衍生代码进行编译,因此可能会出现因信息不完整而无法编译的情况。...在下一篇文章中,我们将从开发者的角度审视预览功能:它的设计目的、最适宜的使用场景以及如何构建稳定高效的预览。

    59010

    SwiftUI 与 Core Data —— 数据获取

    类 Redux 框架通常都建议开发者将整个 app 的状态合成到一个单一的结构实例中( State ,符合 Equatable 协议 ),视图通过观察状态的变化( 有些框架支持切片式的观察以改善性能 )...我也做了不少的尝试,但最终发现似乎 FetchRequest 仍是当前 SwiftUI 中的最优解。...尽管在实践中,如果能在确保不访问托管对象的非线程安全属性的前提下,在非创建托管对象的线程中持有托管对象并不会出现崩溃的情况,但出于谨慎的考虑,我最终还是放弃了这种方式。...在 SwiftUI 中,ForEach 会根据数据标识( Identifier )自动处理视图的添加、删除等操作,因此,当在 SwiftUI 中使用 NSFetchedResultsController...这意味着,尽管我们只能在 update 方法中更改数据,但必须要想办法错开该更新周期。

    4.7K30

    如何在Xcode下预览含有Core Data元素的SwiftUI视图

    结合两年来我在SwiftUI中使用Core Data的经验和教训,我们将在本文中探讨: •导致SwiftUI预览崩溃的部分原因•如何在之后的开发中避免类似的崩溃出现•如何在Xcode中安全可靠地预览含有...SwiftUI预设了大量同系统有关的环境值,通过设置或响应这些数据,我们可以修改系统配置或读取系统信息。 SwiftUI视图采用树状结构组织,在任意节点视图上注入的环境数据都将影响该节点的所有子视图。...SwiftUI通常采用Redux的开发模式,通过将获取到的Core Data数据转换成标准的Swift结构从而避免在视图中使用托管对象上下文或托管对象。...我目前在开发使用SwiftUI+CoreData的应用程序时,将CoreData部分的开发同应用程序的UI构建是完全分离的。...[2] 总结 在我两年的SwiftUI+Core Data使用中,痛苦和快乐始终相伴而行。

    5.2K10
    领券