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

如何在视图取消SwiftUI时将选择保留在数组中

在SwiftUI中,可以使用@State属性包装器来管理视图中的状态。当视图取消时,可以通过将选择保留在数组中来实现。

首先,创建一个数组来存储选择的项目。可以使用@State属性包装器来声明数组,并初始化为空数组。

代码语言:txt
复制
@State private var selectedItems: [String] = []

接下来,在视图中创建一个列表或其他视图,用于显示可选择的项目。在每个项目上使用Toggle视图来允许用户选择或取消选择。

代码语言:txt
复制
List {
    ForEach(items, id: \.self) { item in
        Toggle(item, isOn: Binding(
            get: { self.selectedItems.contains(item) },
            set: { isSelected in
                if isSelected {
                    self.selectedItems.append(item)
                } else {
                    self.selectedItems.removeAll(where: { $0 == item })
                }
            }
        ))
    }
}

在上述代码中,items是一个包含可选择项目的数组。通过使用ForEach循环遍历数组,并为每个项目创建一个Toggle视图。isOn参数使用Binding来绑定每个项目的选择状态。

当用户选择或取消选择项目时,set闭包将被调用。如果项目被选择,则将其添加到selectedItems数组中。如果项目被取消选择,则从selectedItems数组中移除。

最后,可以在视图中使用selectedItems数组,以便在取消视图后保留选择的项目。

代码语言:txt
复制
Text("Selected items: \(selectedItems.joined(separator: ", "))")

上述代码将选择的项目作为文本显示在视图中。

这是一个基本的示例,演示了如何在视图取消时将选择保留在数组中。根据具体的需求,可以根据需要进行修改和扩展。关于SwiftUI的更多信息和示例,请参考腾讯云的SwiftUI文档

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

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

快速检索数组元素Q:为什么没有简单的方法将 TABLE 选择的行映射到提供表内容的数组元素上?似乎唯一的方法是在数组中搜索匹配的 id 值,这对于大表来说似乎效率很低。...A:用数组索引来存储选择是很脆弱的:如果数组发生了突变,选择就会变得不同步。Swift Collections[6] 有一个 OrderedDictionary,可能会对你有所帮助。...将背景扩展到安全区域Q:如果我有一个自定义的容器类型,可以接受一个顶部和底部的视图,是否有办法让 API 的调用者将所提供的视图的背景扩展到安全区域内,同时将内容( 如文本或按钮 )保留在安全区域内?...这意味着我们不能使用 LazyVStack,或任何其他将选择与详细视图绑定的自定义视图。有扩展这个功能的计划吗?A:在 iOS 16.1 中,你可以在侧边栏里放一个。...Text 与 TextField 在编辑模式下的切换Q:在 editMode 的文档中建议,在非编辑模式下,可以选择将 Text 视图换成 TextField 。

14.8K30

如何在SwiftUI中实现interactiveDismissDisabled

如何在SwiftUI中实现interactiveDismissDisabled 如想获得更好的阅读体验,可以访问我的博客www.fatbobman.com[1] 本文中我们将探讨如何实现一个SwiftUI...去年9月,我在文章【在SwiftUI中制作可以控制取消手势的Sheet】[3]中介绍了健康笔记2.0[4]版本的Sheet控制实现方法。...当用户使用手势取消Sheet时,系统将首先执行presentationControllerWillDismiss,然后再从presentationControllerShouldDismiss中获取是否允许取消...在之前的版本中[8],用户使用手势取消时的通知和其他的逻辑是分离的,在使用中不仅繁琐,而且影响代码的观感。本次将一并解决这个问题。...delegate = delegate } }} makeUIView中只需要创建一个空视图(UIView),由于在执行makeUIView时,无法保证Sheet中的视图已经被正常展示

3.9K40
  • SheetKit——SwiftUI模态视图扩展库

    主要因为SwiftUI中重要的视图展示模式:NavigationView、Sheet等都没有迅捷、简便的重置能力。很难通过一两句代码将应用程序立即设置成我们想要的视图状态。...源地址[4] SheetKit中每个功能的代码都集中在一到两个文件中。如果只需要其中部分的功能,直接在项目中添加对应的文件或许是不错的选择。...interactiveDismissDisabled SwiftUI 3.0的interactiveDismissDisabled加强版,在通过代码控制是否允许手势取消的基础上,增加了当用户使用手势取消时可以获得通知的能力...更多信息请参阅如何在SwiftUI中实现interactiveDismissDisabled[5] SheetKit中的interactiveDismissDisabled为了兼容bottomSheet...在SwiftUI3.0中,已经可以使用原生API生成各种毛玻璃效果了。但只有将模态视图的背景设置为透明,毛玻璃效果才能显现出来。

    2.9K20

    SwiftUI 与前端框架(如 React)中的状态管理对比

    理解两者的差异将帮助开发者在跨平台应用中合理选择工具。...SwiftUI 的状态管理SwiftUI 的状态管理主要依靠属性包装器,如 @State、@Binding 和 @EnvironmentObject 来管理不同类型的状态。...开发者可以在函数组件中根据需要灵活创建和管理状态,适用于复杂的 Web 应用场景。状态管理的复杂性:随着项目规模的扩大,状态管理变得更加复杂。...多个层级的状态传递可能导致组件树中的状态传递变得混乱。以下是一个可以运行的简单 SwiftUI 和 React 示例,展示了如何在两个框架中管理状态。...点击按钮时,计数也会实时更新。QA 环节Q1: 如何在 SwiftUI 中进行全局状态管理?

    18610

    SwiftUI TextField进阶——格式与校验

    本文为【SwiftUI 进阶】系列文章中的一篇,在本文中,我将介绍如何在TextField中实现如下功能: •屏蔽无效字符•判断录入的内容是否满足特定条件•对录入的文本实时格式化显示 textfieldDemo1...在为SwiftUI增加新功能时,要求自己尽量遵守以下原则: •优先考虑能否在SwiftUI原生方法中找到解决手段•如确需采用非原生方法,尽量采用非破坏性的实现,新增功能不能以牺牲原有功能为代价(需兼容官方的...SwiftUI修饰方法) 以上原则,在SheetKit——SwiftUI模态视图扩展库[3]和用NavigationViewKit增强SwiftUI的导航视图[4]中均有体现。...如何在TextField中实现格式化显示 现有格式化方法 在SwiftUI 3.0中,TextField新增了使用新老两种Formatter的构造方法。...如何在TextField中屏蔽无效字符 现有屏蔽字符方法 在SwiftUI中,可以通过设置仅使用特定的键盘类型来实现一定程度上的录入限制。

    8.2K20

    SwiftUI 视图的生命周期研究

    在 app 运行后进行第一次渲染时,SwiftUI 将依据类型树按图索骥,创建类型实例,实例的 body 根据初始状态计算视图值,并组织成视图值树。...•在 SwiftUI 生成视图值树时,当发现没有对应的实例时,SwiftUI 会创建一个实例从而获取它的 body 结果。...极个别情况下,尽管某些视图暂时不需要参与布局与渲染,但 SwiftUI 出于效率的考量,仍然会将其保留在视图值树上。...•在 List 和 LazyVStack 中,SwiftUI 出于效率的考虑,即使 Cell 视图移出显示范围,它的视图仍将保留在视图值树上(视图仍将存续)。...更确切的表述应该是,当视图销毁时,将向 task 修饰器中的闭包发送任务取消的信号。至于是否取消,仍由 task 中的闭包自己决定。

    4.5K30

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

    本文将通过一个优化列表视图的案例,展现在 SwiftUI 中查找问题、解决问题的思路,其中也会对 SwiftUI 视图的显式标识、@FetchRequest 的动态设置、List 的运作机制等内容有所涉及...另外如果 id 的标识值发生变化,SwiftUI 将丢弃原视图(生命周期终止及重置状态)并重新创建新的视图。...使用了 id 修饰符相当于将这些视图从 ForEach 中拆分出来,因此丧失了优化条件。 总之,当前在数据量较大的情况下,应避免在 List 中对 ForEach 的子视图使用 id 修饰符。...我们将通过 SwiftUI-Introspect[7] 来实现在 List 中滚动到列表两端。...获取若干最新数据,将数据逆向添加入数组 在列表显示后率先移动到最底端(取消动画) 通过 refreshable 调用下一批数据,并继续逆向添加入数组 用类似的思路,还可以实现向下增量读取或者两端增量读取

    9.3K20

    如何在 SwiftUI 视图中显示应用图标和版本

    前言在应用中显示应用图标和版本是为用户提供快速识别应用版本和变体的好方法,无论是内部用户(如测试人员或利益相关者)还是外部用户。...在本文中,我将展示如何创建一个可访问的 SwiftUI 视图,既能显示应用图标和版本,又能在各种文本大小和外观下看起来都很好:获取应用图标构建视图的第一步是从主包中获取应用图标。...创建 SwiftUI 视图现在让我们将所有内容结合起来,创建一个 SwiftUI 视图,显示应用图标和版本:AppVersionInformationView.swiftimport SwiftUIstruct...我们学习了如何在 SwiftUI 应用中显示应用图标和版本信息。...在获取到应用图标和版本信息后,我们创建了一个 SwiftUI 视图来展示这些信息。该视图使用水平堆栈(HStack)布局,将应用图标和版本信息并排显示。

    20122

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

    众所周知,SwiftUI 是一个响应式框架,这意味着,当数据源发生变化时,框架会自动更新视图。同样,当我们想调整视图显示时,应直接对状态进行修改。...本文将解析 SwiftUI 中两个由于未能贯彻响应式编程原则而导致的严重错误,并提供相应的解决方案。...这两个错误包括:通过手势取消 Sheet 后,快速右滑导航容器导致应用锁死;以及在滚动中返回上层视图时导致应用崩溃。...原文发表在我的博客 肘子的Swift记事本视图变化在前、状态变化在后在 SwiftUI 中,某些可编程控件在执行一定的操作时,会先更新视图,待视图变化完成后再修改与其对应的状态。...再次执行上述过程,您会发现在返回上层视图后,应用并不会锁死,一切都恢复了正常。然而,明显地,强迫用户点击 “Dismiss” 按钮并不是一个好的选择,特别是在没有屏蔽手势取消 Sheet 的情况下。

    763110

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

    在 SwiftUI 3.0 中,苹果为开发者提供了一个远好于预期的解决方案,同 onSubmit 类似,可以从更高的视图层次来统一对视图中的 TextField 进行焦点的判断和管理。...TextField 时将变得很麻烦,而且不利于统一管理。...在 SwiftUI 3.0 之前,我们必须在主视图上另外绘制或者使用非 SwiftUI 的方式来解决问题,在 SwiftUI 3.0 中,由于添加了原生设置键盘辅助视图(下文具体介绍)的功能,解决上述问题将不再困难...同其他类型的 Toolbar 类似,SwiftUI 会干预内容的排版。•无法对同一视图中多个 TextField 分别设定辅助视图在 ToolbarItem 中无法使用稍微复杂一点的判断语法。...将键盘辅助视图集成到 toolbar 的逻辑中也有些令人令人费解。 通过 UIKit 创建 当前阶段,通过 UIKit 来创建键盘辅助视图仍是 SwiftUI 下的最优方案。

    13.4K10

    【愚公系列】《AIGC辅助软件开发》013-AI辅助客户端编程:AI辅助 iOS 应用开发

    - **UIKit 集成**:学习如何在 SwiftUI 中使用 UIKit 组件,或将 SwiftUI 视图嵌入到现有的 UIKit 应用中。...- **过渡效果**:学习如何在视图之间添加过渡效果,如淡入淡出、缩放等。 **实践**: - 在按钮点击时,添加一个视图出现或消失的动画。 - 为列表中的项目添加删除动画。### 4....#### 4.2 UIKit 集成- **UIHostingController**:学习如何在 UIKit 中嵌入 SwiftUI 视图。...- **UIViewRepresentable**:了解如何在 SwiftUI 中嵌入 UIKit 视图。...SwiftUI怎么置顶显示?在 SwiftUI 中,如果你希望将某个视图置顶显示(即固定在视图的顶部),有几种常见的方式。以下是几种方法的解释和示例:### 1.

    9610

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

    众所周知,SwiftUI 是一个响应式框架,这意味着,当数据源发生变化时,框架会自动更新视图。同样,当我们想调整视图显示时,应直接对状态进行修改。...本文将解析 SwiftUI 中两个由于未能贯彻响应式编程原则而导致的严重错误,并提供相应的解决方案。...这两个错误包括:通过手势取消 Sheet 后,快速右滑导航容器导致应用锁死;以及在滚动中返回上层视图时导致应用崩溃。...视图变化在前、状态变化在后 在 SwiftUI 中,某些可编程控件在执行一定的操作时,会先更新视图,待视图变化完成后再修改与其对应的状态。这些控件基本上都是对 UIkit(AppKit)的二次包装。...然而,明显地,强迫用户点击 “Dismiss” 按钮并不是一个好的选择,特别是在没有屏蔽手势取消 Sheet 的情况下。

    37020

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

    在任何SwiftUI应用中,你都可以使用场景将内容放到屏幕上。场景包含要在屏幕上显示的视图和控件。场景还定义了这些视图和控件出现在屏幕上时的外观。...当你准备在界面中显示3D内容时,使用RealityView。这个SwiftUI视图作为你的RealityKit内容的容器,并允许你使用熟悉的SwiftUI技术更新内容。...当指定的手势发生在实体上时,SwiftUI执行提供的闭包。 下面的示例将一个点击手势识别器添加到上一个示例中的球体视图中。...当你的空间可见时,其他应用程序仍然隐藏,但当你关闭它时,它们会返回。如果你的应用程序定义了多个空格,你必须在显示一个不同的空格之前取消当前可见的空格。...如果不取消可见空间,那么当您尝试打开另一个空间时,系统将发出运行时警告。

    1.1K40

    StateObject 与 ObservedObject

    视图的生存期从其被加载到视图树时开始,至其被从视图树上移走结束。在视图的存续期中,视图值将根据 source of truth ( 各种依赖源 )的变化而不断变化。...当将视图加载到视图树时,SwiftUI 会根据当时采用的实例将需要绑定的状态( @State、@StateObject、onReceive 等 )托管到 SwiftUI 的托管数据池中,之后无论实例再被创建多少次...在 SwiftUI 将视图添加到视图树上时,调用 _makeProperty 方法将需要持有的订阅关系、强引用等信息保存到 SwiftUI 内部的数据池中。...不在它的构造方法中引入无关的操作可以极大地减轻系统的负担。对于数据的准备工作,可以使用 onAppear 或 task ,在视图加载时进行。...了解它们内涵不仅有助于选择合适的应用场景,同时也对掌握 SwiftUI 视图的存续机制有所帮助。希望本文能够对你有所帮助。

    2.5K20

    架构之路 (五) —— VIPER架构模式(一)

    开始 首先看下主要内容: 在本教程中,您将了解如何在SwiftUI和Combine中使用VIPER体系结构模式,同时构建一个允许用户创建公路旅行的iOS应用程序,来自翻译。...在此过程中,您还将了解您的iOS项目中的SwiftUI和Combine。 打开启动项目。这包括一些代码,让你开始: 当你构建其他视图时,ContentView会启动它们。...还有一个可取消订阅的集合,您稍后将添加它。...当您将其放置在NavigationView中时,该链接将成为一个按钮,将destination推送到导航堆栈上。 content块可以是任何一个SwiftUI视图。...然后将directions复制到routes数组。 要使用presenter,创建一个名为TripMapView.swift的SwiftUI View。

    17.6K10

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

    是否有任何建议用来检测列表中的行选择,类似于 “NavigationLink”,但不导航到另一个视图(例如,显示 Sheet 或从列表中选择一个选项 )?...只有将这些变量重构到视图模型中去这一种方式?A:如果在同一个视图中,有多个相互关联的 @State 属性,将他们提取到一个结构中或许是好的选择。...阅读 SwiftUI 的动画机制[8] 一文,了解更多有关动画的内容。自适应高度 SheetQ:如何在 iOS16 中呈现与动态内容高度相匹配的 Sheet?...对于非惰性视图(如 LazyVStack ),一旦 hosting controller 的视图被初始化,onAppear 将被调用。...事实上,这些视图( 惰性容器中的视图 )一旦被创建,其存续期将持续到惰性容器被销毁为止。请阅读 SwiftUI 视图的生命周期研究[12] 了解更多内容。

    12.3K20

    肘子的 Swift 周报 #059| “为你推荐”还是“为了流量推荐”

    尽管我教给了他一些技术手段(如选择减少类似推荐、屏蔽特定账号),但现实是:一旦用户“画像”形成,想要改变这些推荐内容,往往需要相当长的时间才能见效。...这凸显了一个残酷的真相:在算法推荐的世界里,用户的主动选择权重远低于想象,平台对流量的追逐才是根本驱动力。在这个逻辑下,即便是负面情绪带来的流量也是流量,“黑粉”也是“大数据”算法中的重要一环。...本文将探讨如何运用事务(Transaction)的概念在 SwiftData 和 Core Data 中构建更可靠、高效的持久化操作。...在这篇文章中,Mohammad Azam 深入解析了如何在视图层级中注入和访问全局状态,优化状态传播以减少性能开销,并利用这些特性简化复杂的视图层次结构。...SwiftUI 中的基于时间的视图更新 (Time-Based View Updates in SwiftUI)[11] Aryaman Sharda[12] SwiftUI 的TimelineView

    7210

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

    在使用 UIKit 时,我总是将这种类型的视图实现为具有特定 UICollectionViewFlowLayout 的 UICollectionView。但在 SwiftUI 中该如何实现呢?...让我们来看看使用 SwiftUI 创建灵活选择器的实现! 可选择协议 选择器的最重要部分是,我们可以通过该视图组件选择一些所需的选项。因此,首先创建了一个 Selectable 协议。...每个数组包含能够适应同一 HStack 中的项目的项目。逻辑很简单。...如果结果小于 0,这意味着我们无法将下一个元素放入给定行中,因此我们将 singleLineResult 附加到 allLinesResult 中,将 singleLineResult 设置为仅由当前元素组成的数组...然后,详细介绍了实现该选择器的逻辑,包括如何处理选项的布局、宽度和高度,以及如何处理用户与按钮的交互。 最后,提供了一个简单的视图实现,可以在 SwiftUI 中使用该选择器。

    30120

    SwiftUI 中的内容边距

    不幸的是,我们在 SwiftUI 中无法访问 readableContentGuide。...但是它将滚动条保留在视图的后导边缘。contentMargins 视图修饰符接受几个参数,允许我们调整其行为。第一个参数是我们想要移动的边缘。...你可以在 Playground 中运行此代码以查看结果。总结本文介绍了 SwiftUI 中的内容边距管理,通过对比安全区域的概念,解释了内容边距的重要性。...随后,通过介绍 UIKit 中的 readableContentGuide 布局指南以及 SwiftUI 中的 safeAreaPadding 视图修饰符,展示了在 iPad 上适配内容边距的方法。...最后,引入了 contentMargins 视图修饰符,并详细解释了其用法和参数,以及如何使用它来管理内容边距。通过本文,读者可以更好地理解并掌握 SwiftUI 中内容边距的管理技巧。

    19232

    在 SwiftUI 中创建一个环形 Slider

    环形Slider Slider 控件是一种允许用户从一系列值中选择一个值的 UI 控件。在 SwiftUI 中,它通常呈现为直线上的拇指选择器。...有时将这种类型的选择器呈现为一个圆圈,拇指绕着圆周移动可能会更好。本文介绍如何在 SwiftUI 中定义一个环形的 Slider。...有关默认 Slider 的更多信息,可以参阅 如何在 SwiftUI 中自定义 Slider 中自定义外观的内容。 初始化环形轮廓 从ZStack中的三个圆环开始。...视图被提取到一个单独的结构中,该结构具有圆形滑块上进度的一个绑定值。 滑块的range的可选参数也是可用的。这需要对进度进行一些调整,以计算已设置的角度以及拇指在圆形滑块上位置的旋转角度。...View中以测试和演示 Circular Slider 视图的不同功能。

    3.7K30
    领券