为什么我的SwiftUI列表选择在被选中时不突出显示？ - 腾讯云开发者社区

文章/答案/技术大牛

发布

Xcode 11 初体验

SwiftUI、storyboad其中我有两篇博客也介绍到了SwiftUI:SwiftUI - 百行代码变十行，Swift再创辉煌和 WWDC - SwiftUI - 初恋般的感觉代码块代码块也做了调整...，选中后点击鼠标左键或者键盘的Enter 键，就可以在指定窗口打开这个文件了。...当你的项目关联了版本控制工具时，比如 Git， Xcode 会检测出当前文件哪些地方相对于上次递交的版本有更改，并且会通过在左边显示一个蓝色线条标记出来： Change Bar 点击左键还可以选择 show...为什么这么说呢？...关于Swift UI 的更新其中我有两篇博客也介绍到了 SwiftUI : SwiftUI - 百行代码变十行，Swift再创辉煌 WWDC - SwiftUI - 初恋般的感觉参考：Apple 官方文档一线搬砖工人

4.3K1 0

在 Text 中实现基于关键字的搜索和定位

本节的内容仅代表我在考虑处理上述问题时的想法和思路。其中不少功能已经超出了原本的需求，增加这些功能一方面有利于更多地融汇以前博客中的知识点，另一方面也提高了解题的乐趣。...transcription 中的结果值已经为高亮显示值（当前选择的高亮位置），且下一个序号位置仍在同一个 transcription 中，那么将放弃滚动。...为了达成这个目标，我们首先需要记录在 List 中，哪些 transcription 正在被显示，以及该 transcription 的索引。...onAppear，每个视图退出显示窗口时都会调用它的 onDisapper。...了解更多内容，请阅读 SwiftUI 视图的生命周期研究[9] 一文优先定位于最靠近屏幕中央的搜索结果：/// 从 List 当前显示中的 transcription 中就近选择 match 的 positionprivate

5.7K3 0

您找到你想要的搜索结果了吗？

是的

没有找到

面向所有人的 UI 编程：透过点按弹窗初尝 SwiftUI

在手机应用中，软件开发者会使用不同的技术来实现界面的显示，流行的界面语言比如 Flutter，就是闲鱼应用的交互界面语言。...也许你会这样和他说：我这个程序上有一段名人名言，中英文版，上面一行是「天助自助者」，下面是「God helps those who help themselves」我希望它能被点按选中，选中的时候一定注意中英文两句话要一起被选中...那么为什么我要说这些呢？因为 SwiftUI 的设计思路正是描述性编程语言，你将上面这段话稍微整理一下，就是 SiwftUI 的写法。比如下面这段文字就是我整理好的 SwiftUI 代码： ?...其中 View 表示一个视图，比如我们在手机上看到的一个滑条，一张图片，一个列表等种种，都叫做视图；而 Modifier 则是修饰器，它的作用是为视图增加功能，比如圆角，动画，阴影，边际，背景等等。...你会说，嗨，这么简单的事，用 SwiftUI 美术我自己就能写。

2.6K4 0

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

Table 中上下文菜单Q：如果我在 TABLE 上添加了一个上下文菜单，我如何确定哪一行导致了菜单的显示（无需选择该行）？...快速检索数组元素Q：为什么没有简单的方法将 TABLE 选择的行映射到提供表内容的数组元素上？似乎唯一的方法是在数组中搜索匹配的 id 值，这对于大表来说似乎效率很低。...A：你最好的选择是使用 ScrollView 和 ScrollViewReader，并在 onAppear 或新内容进来时滚动到最底部的视图。我不建议尝试旋转滚动视图。...Swiftcord[12] 的代码展示了如何在 SwiftUI 下实现倒置列表。阅读优化在 SwiftUI List 中显示大数据集的响应效率[13] 一文，了解苹果工程师推荐的方法。...这个技巧对于处于屏幕的顶部或底部的视图十分有用。详情请参阅推文[15] 。动画转场Q：为什么下面的代码没有显示动画转场。

19.8K3 0

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

是否有任何建议用来检测列表中的行选择，类似于 “NavigationLink”，但不导航到另一个视图（例如，显示 Sheet 或从列表中选择一个选项）？...假设我们想创建一个类似于 iMessage 的视图，在那里你可以看到一个信息列表（与本例无关），在视图的底部有一个文本框。当用户点击文本字段时，键盘会在其工具栏中出现一个文本字段。...这在 SwiftUI 中仍适用，还是说 struct 本身现在被视为 viewModel ？A：SwiftUI 试图与应用程序的整体架构无关。...不过，在传统的 viewModel 意义上，我不建议将视图（结构本身）作为视图模型。...在有些情况下，我想根据视图是否折叠来做决定（例如，如果展开，在详细视图中显示一条信息，如果折叠，则显示一个警告或其他指示）。

15.9K2 0

AnyView 对 SwiftUI 性能的影响

在本文中，我将使用 Stream 的 SwiftUI 聊天 SDK 进行一些测量，使用其默认的基于泛型的实现，并将其与使用 AnyView 的修改后的实现进行比较。...此外，当你再次浏览列表时，性能不会改善（甚至变得更糟）。这是有道理的，因为 SwiftUI 不知道它已经显示过此视图一次（因为它隐藏在 AnyView 下）。...仅浏览数据时，如果你将视图包装在 AnyView 中，则会比不包装时慢大约 10%。如果你在浏览数据时更改数据，则此差异将增加到约 17%，而且这些故障在这里更加明显。...这意味着，当列表发生更改时，我们实际上重新创建了整个列表。这也解释了为什么 AnyView 实现随着时间的推移变慢 - 每次重绘时都需要从头开始创建更多内容。...例如，如果你有一个菜单，作为几个异构元素的列表，在点击时显示不同的导航目标，并且决定将这些视图包装为 AnyView，我的测量结果表明与使用其他方法相比，性能没有区别。

2.9K0 0

优化在 SwiftUI List 中显示大数据集的响应效率

也就是当显示主界面菜单时，列表视图已经完成了实例的创建（可以通过在 ListEachRowHasID 的构造函数中添加打印命令得以证明），因此也不应是实例化列表视图导致的延迟。...在 SwiftUI 视图的生命周期研究[3] 一文中，我对 List 如何对子视图的显示进行优化做了一定的介绍。...当仅通过 ForEach 来指定显示标识时，List 会对这些视图的显示进行优化，仅在需要显示时才会对其进行实例化。...除非没有其他选择，否则我并不推荐大家对 UIKit ( AppKit ) 控件进行重新包装，应使用尽可能微小的侵入方式对 SwiftUI 的原生控件进行补充和完善。...，并在首次滚动到列表底部时也没有延迟。

12.3K2 0

从开放平台到受控生态：谷歌宣布 Android 开发者验证政策 | 肘子的 Swift 周报 #101

为什么 SwiftUI 中需要 ViewModel (SwiftUI is Stifling your App’s Maintainability and Testability)[9] 与 UIKit...在这篇文章中，Matteo Manferdini[10]针对“MVVM 过时论”和“Apple 不推荐 MVVM”的观点，提出了系统性的反驳。...我个人倾向于在实践中使用 ViewModel，但也不会为了“架构”而“架构”。在 SwiftUI 中，过度抽象反而可能带来样板代码和额外的状态管理成本。...以往当处理可选值时，要么使用 ??提供默认值（但必须匹配原类型），要么使用 String(describing:)（会显示 nil）。...往期内容 #100 写给这段旅程，也写给未来的自己 #099 未来将至：人形机器人运动会 #098 我差点失去了巴顿（我的狗狗） THANK YOU 如果你觉得这份周报或者我的文章对你有所帮助，欢迎点赞

3311 0

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

这是个宝贵的机会，能让我认真体验一把 SwiftUI 并探索其内部工作原理。起初项目工作良好，我对 SwiftUI 的表现可以说非常满意，我甚至创建了自己的修改器，以便更轻松地显示警报消息。...但在开始实现更复杂的检查器视图时，特别是涉及带有 / 不带步进器或颜色选择器的多个文本字段时，整个运行速度开始剧烈下降。...它的显示效果就是主窗口中的一张表，出于学习的目的，我当然还是想继续用 SwiftUI 喽。毕竟初次尝试肯定会有种种问题，应该再给它一次机会。...我刚开始以为是因为地图编辑器的 SpriteKit 主视图仍在后台渲染。所以我尝试在工作表显示出来后禁用渲染，但结果没有任何改变。变更从一种环境传播至另一环境时，我也遇到了类似的延迟问题。...但我至少可以更好地控制应用程序的行为，而且根据需求随意调整各种元素。总之，经历了这么一番波折，我还是很庆幸自己果断放弃了 SwiftUI。这可能是我在这个项目上做过的最明智的选择。

6.3K2 0

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

取消选中高亮 // 可以用类似的方式，改善当 contentID 变化后，content 列仍会有灰色选择提示的问题 DispatchQueue.main.asyncAfter...= nil { List(selection: $store.detailID)} else { Text("Empty")}修改状态后，List 仍会用灰色显示上次选中的项目即使取消了状态...（例如修改 contentID ），List 仍会将上次选中的状态用灰色的选中框进行表示。...我正以聊天室、Twitter、博客留言等讨论为灵感，从中选取有代表性的问题和技巧制作成 Tips ，发布在 Twitter 上。...每周也会对当周博客上的新文章以及在 Twitter 上发布的 Tips 进行汇总，并通过邮件列表的形式发送给订阅者。订阅下方的邮件列表[8]，可以及时获得每周的 Tips 汇总。

5.6K3 0

iOS开发之WidgetKit补充

在 iOS 14 正式版发布之前我写了一篇博文《iOS开发之WidgetKit》，iOS 14 正式版发布以后，经测试，Apple 改变了 Widget 的 API，所以本文进行一个补充说明（在前文的基础上做了修改...配置App Groups.jpg 如果文件需要共享，可以选中 App 中需要共享给 Widget 的文件，然后勾选 Widget 的 Target。....configurationDisplayName：设置 Widget 在添加界面中显示的标题。 .description：：设置 Widget 在添加界面中显示的描述。...getTimeline 的方法里有一个 policy 参数，表示刷新的时机，可以选择.never（不刷新），.atEnd（Entry 显示完毕之后自动刷新）或 .after(date)（到达某个特定时间后自动刷新...也可以通过.widgetURL(myDeeplink)方法配置当 Widget 被点击时触发哪个 Deep Linking，也可以通过使用链接使 Widget 的不同部分触发不同的 Deep Linking

2.5K3 0

SwiftUI + Core Data App 的内存占用优化之旅

本文将通过对一个演示 App 进行逐步内存优化的方式（由原先显示 100 条数据要占用 1.6 GB 内存，优化至显示数百条数据仅需 200 多 MB 内存），让读者对 SwiftUI 视图的存续期...当子视图进入惰性容器的可视区域时，SwiftUI 会调用它的 onAppear 闭包，子视图退出可视区域时，会调用 onDisappear 闭包。...尽管从表面上来看，惰性容器仅会在视图进入可视区域时才会对其进行操作，但一旦该视图被显示过（ body 被求过值），即使该视图离开可视区域，SwiftUI 仍会保存视图的 body 值。...图片尽管上述优化技巧可能会对滚动的流畅度产生一定的影响（视觉上不明显），不过考虑到它所带来的巨大收益，在本例中应该是一个相当不错的选择。...数据的多份拷贝当图片数据从 SQLite 经 Core Data 最终通过 SwiftUI 显示时，实际上在内存中至少保存了三份拷贝：行缓存托管对象上下文（托管对象被填充后）显示该图片的 SwiftUI

3.5K4 0

SwiftUI + Core Data App 的内存占用优化之旅

本文将通过对一个演示 App 进行逐步内存优化的方式（由原先显示 100 条数据要占用 1.6 GB 内存，优化至显示数百条数据仅需 200 多 MB 内存），让读者对 SwiftUI 视图的存续期...当子视图进入惰性容器的可视区域时，SwiftUI 会调用它的 onAppear 闭包，子视图退出可视区域时，会调用 onDisappear 闭包。...尽管从表面上来看，惰性容器仅会在视图进入可视区域时才会对其进行操作，但一旦该视图被显示过（ body 被求过值），即使该视图离开可视区域，SwiftUI 仍会保存视图的 body 值。...Navigator-Debug 尽管上述优化技巧可能会对滚动的流畅度产生一定的影响（视觉上不明显），不过考虑到它所带来的巨大收益，在本例中应该是一个相当不错的选择。...数据的多份拷贝当图片数据从 SQLite 经 Core Data 最终通过 SwiftUI 显示时，实际上在内存中至少保存了三份拷贝：行缓存托管对象上下文（托管对象被填充后）显示该图片的 SwiftUI

2.6K1 0

使用 SwiftUI 创建一个灵活的选择器

前言最近，在我正在开发一个在 Dribbble 上找到的设计的 SwiftUI 实现时，我想到了一个点子，可以通过一些酷炫的筛选器扩展该项目以缩小结果列表。...在使用 UIKit 时，我总是将这种类型的视图实现为具有特定 UICollectionViewFlowLayout 的 UICollectionView。但在 SwiftUI 中该如何实现呢？...所有符合该协议的对象必须实现两个属性：displayedName（在选择器中显示的名称）和 isSelected（一个布尔值，指示特定选项是否已选择）。...这就是为什么我引入了一个 FontWeight 枚举，其中包含以 UIFont 权重命名的所有可能情况。...这就是为什么我将分隔行的结果映射到元组中，其中包含每行和 UUID 值。由于如此，我可以向 ForEach 循环提供 id 参数。

2.5K2 0

分享15个有用的，你可能还不知道的CSS小技巧，建议每个前端开发者都了解下

这在样式化列表或导航菜单时特别有用。使用:first-child和:last-child伪类，你可以直接选择并样式化父元素的第一个和最后一个子元素，而无需为它们添加额外的类或选择器。...:checked伪类允许你在这些元素被选中时进行样式设置，提供了一致且视觉上令人愉悦的用户体验。通过使用:checked伪类，你可以为复选框和单选框输入在被选中时设置样式。...这使得你可以自定义它们的外观，使其与整体的设计风格一致，并提供更好的用户反馈。你可以改变其背景色、边框样式、图标等，以突出显示选中状态。...这可以用于创建滚动效果或突出显示特定部分，而无需依赖JavaScript。使用:target伪类，你可以根据URL的片段标识符来选择并样式化特定的元素。...当用户点击包含片段标识符的链接时，浏览器会自动滚动到对应的元素，并应用:target伪类所定义的样式。这使得你可以在页面上创建滚动到特定部分的效果，或者突出显示被定位的元素。

1.7K4 0

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

这篇我们还是说我们关于SwiftUI的东西，再提一下Demo代码我已经提交上Git了，目前Demo进度为一级页面基本上结束，地图点击大头针的添加也刚处理完，代码有需要的小伙伴可以去Git看看，项目地址...GeometryReader 的主要作用就是能够获取到父View建议的尺寸，这就是它的主要作用，要没有它我们面临的可能就是无休止的传值了，SwiftUI 既然是声明式的UI,按我的理解你就没有办法去获取某一个视图的父视图之类的...3、再提一点关于上面说的滚动视图，在UIKit中我们可以用UICollectionView搞定一切，但是在SwiftUI中没有这个控件，我建议采用的方式是 ScrollView + HStack + VStack...除了这个List，还要一个From我们也可以了解下，他们俩肉眼可见的区别在选中这个点上的区别。...spring():.none) /// 监听当前索引的变化,最开始初始化为0是不监听的， .onChange(of: currentIndex, perform

14K2 0

在平淡中等待 WWDC 2025 | 肘子的 Swift 周报 #084

今年，我选择以更加平和的心态迎接 WWDC 的到来，不过分期待，不盲目乐观，但也不放弃对技术进步的关注与思考。你呢？对即将到来的 WWDC 2025，你有什么期待或想法？...问题出在 .value(_:unit:)的 unit参数上——它会让绘图点落在两个单位之间的中点（例如 .hour会将 8:00 显示在 8:30），这虽然适用于柱状图，却会使折线图产生对齐偏差。...让 Picker 支持“未选择” (SwiftUI Picker With Optional Selection)[12] SwiftUI 中有不少实用却鲜为人知的 API 细节——至少在读这篇文章之前...在本文中，Keith Harrison[13]展示了一个简单而实用的技巧：如何让 Picker与可选类型的 Binding协同工作，并支持“不选任何值”这一场景，适用于诸如“无项目”或“重置选择”等常见需求...在复杂表单或状态驱动的 UI 中，这些问题尤其突出。Artem Mirzabekian[21]在本文中提出了一个更灵活的替代方案——FocusModifier，它通过可选绑定（Binding<T?

4960 0

在 SwiftUI 中实现视图居中的若干种方法

欢迎大家在 Discord 频道[2] 中进行更多地交流将某个视图在父视图中居中显示是一个常见的需求，即使对于 SwiftUI 的初学者来说这也并非难事。...解决的方法是：.background(.blue, ignoresSafeAreaEdges: []) ，排除掉不希望忽略的安全区域。...另外，由于 Color、Rectangle 会在两个维度进行填充（ Spacer 会根据容器选择填充维度），因此，使用它们作为填充物时，将会自动使用全部的可用空间（包括高度），无需通过 .frame...我为本文这种通过多种方法来解决一个问题的方式添加了【小题大作】标签，目前使用该便签的文章还有：在 Core Data 中查询和使用 count 的若干方法[6]、在 SwiftUI 视图中打开 URL...每周也会对当周博客上的新文章以及在 Twitter 上发布的 Tips 进行汇总，并通过邮件列表的形式发送给订阅者。订阅下方的邮件列表[10]，可以及时获得每周的 Tips 汇总。

10.2K4 0

一段因 @State 注入机制所产生的“灵异代码”

如果不注释这行代码，fullScreenCover 中将显示 n = 2 （符合预期）。这是为什么？...打印 Parent View update），Sheet 代码块中的 SheetInitMonitorView 没有任何输出（意味着闭包没有被调用），只有在模态视图进行显示时，SwiftUI 才执行...在 ContextView 不包含 Text 的情况下，在 Sheet 显示后，n 的 _wasRead 将转变为 true（ Sheet 视图显示后，方创建关联）。...dump(_n) }}Sheet 视图的上下文当 SwiftUI 创建并显示一个 Sheet 视图时，并非在现有的视图树上创建分支，而是新建一棵独立的视图树。....id(n) .onChange(of:n){_ in } // id 或 onChange 均可以在不添加显示内容的情况下，创建关联在创建自适应高度的 Sheet 的推文[4] 中，我便使用过 id

2.8K2 0

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

SwiftUI、Combine 以及 Core Data 中的新特性对我很有吸引力兴趣驱动，没有商业压力和历史包袱，因此可直接采用尚未成熟或前景不明的技术在经过一番了解后，最终选择 SwiftUI +...技术准备十多年不接触代码我最大的担心不是我的知识储备不够，而是没有手感了。这个忧虑最终也得到了证实。...这也是目前 SwiftUI 中控件显示设定的一个问题（主要是官方并不推荐和支持这样的行为），各个 view 中如果通过 UIKit 修改设定的话，之间不隔离。...我的 app 中有几处 Sheet 弹出的响应就比较慢（将 view 移出 sheet，使用 NavigationLink 调用显示就很好），尤其是退出时的响应更慢。...开发环境下 app 里云数据库中的数据和 app store 下载的 app 数据不互通（同一个 id ），开发时模拟器里的数据也不能和实机的数据云同步，必须在多个实机中才能测试。

3.3K4 0

点击加载更多

Xcode 11 初体验

在 Text 中实现基于关键字的搜索和定位

面向所有人的 UI 编程：透过点按弹窗初尝 SwiftUI

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

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

AnyView 对 SwiftUI 性能的影响

优化在 SwiftUI List 中显示大数据集的响应效率

从开放平台到受控生态：谷歌宣布 Android 开发者验证政策 | 肘子的 Swift 周报 #101

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

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

iOS开发之WidgetKit补充

SwiftUI + Core Data App 的内存占用优化之旅

SwiftUI + Core Data App 的内存占用优化之旅

使用 SwiftUI 创建一个灵活的选择器

分享15个有用的，你可能还不知道的CSS小技巧，建议每个前端开发者都了解下

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

在平淡中等待 WWDC 2025 | 肘子的 Swift 周报 #084

在 SwiftUI 中实现视图居中的若干种方法

一段因 @State 注入机制所产生的“灵异代码”

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

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐