如何阻止 SwiftUI 选择器对其可见区域之外的触摸做出反应?

2023-11-23

我在视图中有一个选择器,我希望将其限制为定义的高度和宽度。虽然下面的代码在视觉上实现了这一点,但选择器响应其区域之外的点击操作 - 在某些情况下,响应点击附近的按钮,就像我点击将选择器滚动到其值的开头或结尾一样。 (按钮不会响应点击;选择器会响应。但是当点击靠近选择器但在选择器外部时也会发生这种情况,因为此时没有控制。)

选择器似乎对上方、下方和侧面的触摸都有反应。当视图足够大(全屏或 2/3 屏幕)时,效果变得不那么明显,但是当整个应用程序仅占据屏幕的 1/3 时,选择器的宽度 - 作为视图的函数几何体——变得很小,其他控件也更靠近,并且变得非常难以使用。

如何使选取器忽略其可见区域之外的所有触摸?

Picker(selection: self.$monthSelector, label: Text("Month")) {
   ForEach(0 ..< 12, id: \.self) {
      Text(self.monthNames()[$0])
         .foregroundColor(  Color.black )
      }
   }
      .labelsHidden()
       // THE FOLLOWING 2 STATEMENTS *IN CONJUNCTION* SEEM TO GIVE DESIRED Height/Width
      .fixedSize()
      .frame(maxWidth: geometry.size.width * 0.35, maxHeight: 100)
      .clipped()     // seems to accomplish nothing, visually or regarding touches
      .background(Color.white)
      .cornerRadius(10)

我考虑过的事情:

  • Putting .clipped在框架上(建议here)。没有效果。
  • 这个问题不是 SwiftUI,我也无法确定它的真正线索。
  • 这个问题讨论扩大a 的可点击区域button。没有找到一种方法将关键见解(“将修饰符应用于按钮的内容而不是按钮本身”)应用到选取器 - 特别是在其高度方面。
  • 这个问题没有答案,而且我在选择器中看到的内容似乎远远超出了对该问题的评论似乎归因的约 15 分“误差范围”。另外,我在选择器中看到的情况在模拟器和实际设备中都会发生。

这是一个解决方案。使用 Xcode 11.4 / iOS 13.4 进行测试。

.compositingGroup() // << add this modifier above clipping !!!
.clipped()
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何阻止 SwiftUI 选择器对其可见区域之外的触摸做出反应? 的相关文章

随机推荐

  • Eclipse:我打开了隐藏角色,现在无法关闭

    不知何故 我在 Eclipse 中打开了隐藏字符 它不是一般编辑器首选项中的 空白 字符 打开后 它会在现有字符的基础上添加另一层隐藏字符 然后我有类似的事情 r n 有谁知道这些是什么以及如何删除它们 它位于 首选项 gt 常规 gt 编
  • UIWebView 中的 Cookie

    我有一个 UIWebView 我不希望它存储 cookie 所以在加载 webview 之前我会这样做 NSArray cookies NSHTTPCookieStorage sharedHTTPCookieStorage cookies
  • C++ 将对象写入文件然后再读入? [复制]

    这个问题在这里已经有答案了 可能的重复 如何在c 中进行序列化 如何在C 中实现序列化 这些天我越来越多地使用 C 并且目前只对 ofstream 有过一些体验 大多数上述经验都是对变量进行简单的文件输出并使用 ifstream 读回它们
  • HTML5 游戏(画布)- UI 技术?

    我正在使用 PhoneGap 为移动设备 Android iPhone WebOS 构建 JavaScript HTML5 游戏 使用 Canvas 我目前正在尝试设计如何构建 UI 和游戏板以及它们如何交互 但我不确定最好的解决方案是什么
  • 使用 Git Gui Windows - 如何保存用户凭据 - 用户名和密码

    我知道这个问题之前已被问过 并且我一直在查看此链接 https www kernel org pub software scm git docs git credential store html 总的来说 我对使用适用于 Windows
  • 在最近的时间戳上合并两个 pandas 数据帧

    我有两个 daframe df1 和 df2 df1 is time status 2 2 2015 8 00 am on time 2 2 2015 9 00 am canceled 2 2 2015 10 30 am on time 2
  • 算法帮助:如何将数组划分为N个段,且最大段最少(平衡分段)

    我在一个俄语编程论坛上遇到了这个问题 但还没有想出一个优雅的解决方案 Problem 你有一个数组N 个正整数 你需要把它分成M 个连续段 使得最大段的总和是最小的可能值 我所说的段总数是指其所有整数的总和 换句话说 我想要一个平衡良好的数
  • 在一个事务中调用多个 SQL Server 存储过程

    为了在我当前的项目中使用 我创建了一个允许我调用 SQL Server 异步的类 我的代码如下所示 internal class CommandAndCallback
  • ASP.Net URLEncode & 符号用于查询字符串

    我需要重定向到一个 url 将参数作为查询字符串传递 这可以在值中包含 符号 例如 string value This That Response Redirect http www example com Value Server Url
  • 看起来很有趣的评论 - C++

    当我阅读开源项目的源文件时 我经常在评论中遇到一些奇怪的短语 brief usage remarks par 问题1 它们是什么 我学c 的时候没有提到 2 他们有任何文件吗 在哪里 它们只是注释 因此在 C 中没有特殊含义 他们可能允许文
  • 需要在MongoDB中存储高精度十进制值

    我对 MongoDB 的经验很少 我通常从事大型 SQL Server 数据库的工作 MongoDB 仅支持 double 和没有小数 C 驱动程序将小数序列化为字符串 如果我将小数存储为字符串 我会错过什么功能 MongoDB 有没有办法
  • 显示隐藏的 WPF 窗口

    在 WPF 窗口中我想隐藏它 使用显示另一个窗口ShowDialog然后取消隐藏第一个窗口 当我这样做时 this Hide var window2 new Window2 window2 ShowDialog this Show 第一个窗
  • 如何从在线 UML 模型生成 Java?

    我需要在线创建 UML 类图并从中生成 Java 代码 像 cacoo 这样的绘图工具不允许生成代码 因为它们不是真正的 UML 建模器 有人知道生成 Java 代码的 UML 在线工具吗 谢谢你的帮助 你应该看看 GenMyModelUM
  • 解决类似 Flood-It 难题的最少点击次数

    我有 N M 网格 其中每个单元格都用一种颜色着色 当玩家单击颜色为 的网格中的任何单元格时 颜色为 的网格左上角的单元格将接收颜色 但不仅如此 所有通过以下方式连接到源的单元格仅使用颜色 或 的路径也会接收颜色 单元之间的连接应仅在水平和
  • 在dos批处理脚本中检测sqlplus错误?

    我们有以下批处理脚本 echo release sql echo exit sqlplus x y orcl if errorlevel gtr 1 goto dberror 问题是 声明if errorlevel gtr 1当出现 sql
  • ASP.NET MVC 语言更改链接

    我有一个 ASP NET MVC 站点 它使用资源以两种语言显示 为了允许服务器以适当的语言显示站点 取决于用户浏览器中配置的语言 我将以下内容放入 web config 中
  • 为什么使用 HTML5 语义标签而不是 div? [复制]

    这个问题在这里已经有答案了 为什么使用 HTML5 语义标签headers section nav and article而不是简单地div与首选的css to it 我创建了一个网页并使用了这些标签 但它们与div 他们的主要目的是什么
  • 当 python 文件必须使用 #!/bin/env python 时处理多个 python 版本

    我有这个问题 System A运行 Ubuntu 并需要Python 2 6对于一堆不同的事情 我安装了Python 2 7分别于System A System B has Python 2 7原生地 我有一个 python 脚本BLAH其
  • OSGI 缺少需求错误

    我是 OSGI 新手 我正在尝试弄清楚如何解决如下错误 org osgi framework BundleException 捆绑包 org foo serviceBundle 253 中未解决的约束 无法解析 253 0 缺少需求 253
  • 如何阻止 SwiftUI 选择器对其可见区域之外的触摸做出反应?

    我在视图中有一个选择器 我希望将其限制为定义的高度和宽度 虽然下面的代码在视觉上实现了这一点 但选择器响应其区域之外的点击操作 在某些情况下 响应点击附近的按钮 就像我点击将选择器滚动到其值的开头或结尾一样 按钮不会响应点击 选择器会响应