SwiftUI如何动态开启和禁用List的删除模式

最新推荐文章于 2024-05-20 08:52:35 发布
最新推荐文章于 2024-05-20 08:52:35 发布
阅读量933 收藏 1
点赞数
分类专栏： 开发疑难秒懂百科 文章标签： iOS Swift SwiftUI List ForEach
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mydo/article/details/106908292
版权
开发疑难秒懂百科 专栏收录该内容
197 篇文章 139 订阅 ¥69.90 ¥99.00
订阅专栏
本文介绍了如何在SwiftUI中根据条件动态开启和禁用List的删除模式。通过使用可观察模式类和环境对象，当子View的选项面板展开时禁用删除，收起时重新启用，避免在使用Slider时误触发删除操作。文章详细阐述了实现这一功能的步骤，包括创建包装器对象、在ContentView和ItemView中传递环境对象以及在不同状态下设置删除模式。
摘要由CSDN通过智能技术生成

在这里插入图片描述



功能需求

在大多数内容管理App中，我们需要完成数据项的删除操作，可是有时候我们还需要按条件动态禁止用户的删除操作。

如下图所示:

在这里插入图片描述

在List的任意子View中，若用户点击红色的选项按钮展开选项面板，则禁止用户删除任何子View，只有全部子View中选项面板收起后，才允许用户进行删除操作。

这样做的原因是在选项面板中有一个Slider控件，向左拖动它的把手可能会触发不该发生的删除操作，在禁用了删除操作后，就可以避免发生该问题了。


功能分析

1. SwiftUI如何实现List中子View的删除操作?

写过SwiftUI中动态生成列表代码的朋友都知道，在List中嵌入ForEach语句块后，就可以

了解本专栏 订阅专栏 解锁全文
大熊猫侯佩
关注
专栏目录
订阅专栏
SwiftUI基础之List 删除行操作，实现TODO App（含源码)
iCloudEnd的博客
04-17 567
本文价值与收获 看完本文后，您将能够作出下面的界面 看完本文您将掌握的技能 掌握List基本使用 制作删除按钮 实现内容删除 代码 1、定义个数组 @State var data = ["滑动以删除", "onDelete", "删除操作", "To List", "快速清除",] 2、使用List和Sectction 组合 List { Sectio...
SwiftUI如何优雅的删除List列表中元素(教程含源码)
iCloudEnd的博客
07-25 875
实战需求 SwiftUI如何优雅的删除List列表中元素 本文价值与收获 看完本文后，您将能够作出下面的界面 看完本文您将掌握的技能 实现数组管理变量 掌握DispatchQueue实现分批试行 设置圆形TextField 代码 import SwiftUI class ToggleViewModel: ObservableObject { @Published var arr: [Bool] = [true, true, false] init() { //2秒钟后删
SwiftUI实战之List 删除行制作个ToList(含源码)
iCloudEnd的博客
04-17 433
本文价值与收获 看完本文后，您将能够作出下面的界面 Jietu20200417-204309@2x.jpg Jietu20200417-204547.gif 看完本文您将掌握的技能 掌握List基本使用 制作删除按钮 实现内容删除 代码 1、定义个数组 @State var data = ["滑动以删除", "onDelete", "删除操作", ...
SwiftUI:List动态增加
hhbgk的专栏
01-15 401
import SwiftUI struct ContentView: View { @State var rowCount = 4 var body: some View { VStack { // List(0..<rowCount){ row in // Text("Row \(row)") // } List(0..<rowC
SwiftUI List那些事(三）给 List 添加滑动删除
冷胜任 的专栏
09-16 1495
一开始我还以为跟tableview 一样删除属性在List 里，我在文档中搜索delete 并没找到相关删除方法，看文档找到了ForEach 里面包含了onDelete。 onDelete() 是作为 ForEach 的修饰符存在的，而不是直接用于 List 的修饰符。这是因为列表可以包含静态行。 核心API ForEach(dataItems) { item in xxx}.onDelete(perform:xxx) 我们把上一章节的代码稍微改动下，使用ForEach 加载Row // // C
SwiftUI如何进入List编辑模式以及如何指定某些Cell不可删除
享受开发，颠倒银河
07-16 859
功能需求 在SwiftUI中我们常用List来显示项目，而一个很常见的功能就是在List中删除指定项目所在的行。 在 SwiftUI如何动态开启和禁用List的删除模式 这篇博文里，我们谈到了如何全局动态开启或关闭List的删除模式。 但是如果我们只允许删除指定的项目呢？即某些行可以删除，而另一些行却禁止删除。 另外在UIKit编程中，我们可以开启UITableView的编辑模式，那么在SwiftUI中我们也可以这样做么？ 答案是肯定的，下图演示了我们要实现的这2个功能: 即: 一键进入编辑模...
Swift 代码调试－善用XCode工具（UI调试，五种断点，预览UIImage...）
Leo的专栏
11-29 7743
原创Blog，转载请注明出处 http://blog.csdn.net/hello_hwc?viewmode=list 我的stackoverflow 工欲善其事，必先利其器，强烈建议新手同学好好研究下XCode这个工具。比如Build Settings，Build Info Rules，Build Parse, Edit Scheme… 前言：这个Swift调试系列分为四篇 图形化界面
第一课 Ceph基础学习-Ceph集群部署和基本使用
QnHyn
10-18 1218
ceph部署
国产化操作系统改造实践（未完）
企业实战系列集 ●●● https://ximenjianxue.blog.csdn.net
04-10 6253
而这些广泛使用的系统都是美国控制范围之内，停服之后，我国将面临产品中断、安全漏洞、运维困难、生态缺失等问题。为降低非自主可控OS对网络安全及供应链的影响，国家及中移集团要求各单位要积极推进CentOS、RedHat及其衍生版本以及SUSE操作系统迁移，提前准备其他品牌非国产操作系统的迁移；目标系统采用基于国内开源社区欧拉社区和龙蜥社区发布的版本。1）上传商业版BCLinux 8.6或社区版Anolis 8.6 镜像到目标主机。2）部署配置FTP服务。
SwiftUI-ListItemsWithDelete：使用SwiftUI具有快速删除功能的基本删除示例
02-20
SwiftUI-ListItemsWithDelete 具有快速删除功能的基本删除示例。 图片来源：
SwiftUI中List的样式及使用详解（添加、移动、删除、自定义滑动）
最新发布
郭永明的技术专栏
05-20 1924
SwiftUI中的List可是个好东西，它用于显示可滚动列表的视图容器，类似于UITableView。在`List`中可以显示静态或动态的数据，并支持垂直滚动。List是一个数据驱动的视图，当数据发生变化时，列表会自动更新。针对List，我们还可以进行添加、移动、删除以及滑动等功能。
第3章第12节：如何删除List列表里的记录 [SwiftUI快速入门到实战]
互动教程网[www.hdjc8.com]
09-04 160
本节课演示如何配合NavigationView，删除List列表里的元素。 添加一个导航视图，导航视图的功能类似于UINavigationController，主要用于多个视图之间的跳转。 然后创建一个列表视图，用于演示往这个列表里插入新的记录。 添加一个循环语句，对数组进行遍历操作，并使用文本视图显示数组里的元素。 在顶部导航栏的右侧，添加一个编辑按钮。 接着添加一个方法，用来响应列表的删除事件。 获得索引集合里的第一个元素，然后从数组里删除对应索引的元素。 ..
swift(三) 数组的简单操作 (增 删 改 查)
chenzheiu1210的博客
06-29 380
let emptyArray = [String]()//空数组并制定数组元素类型         let emptyDic = [:]//无类型的空字典 //         print("\(emptyArray,emptyDic)") //         /// 数组的简单操作          var shoppingList = Array()//数组初始化  var emp
SwiftUI:List & onDelete
hhbgk的专栏
08-26 418
import SwiftUI struct ContentView: View { @State var numbers = [Int]() @State var currentNumber = 1 var body: some View { NavigationView { VStack { List { ForEach(numbers, id:\.self)
SwiftUI基础之List实现Drop和Drag编辑拖拽模式，制作TODOApp(含源码)
iCloudEnd的博客
04-17 945
本文价值与收获 看完本文后，您将能够作出下面的界面 看完本文您将掌握的技能 实现List排序 实现List Drag 和Drop 实现拖拽效果 代码 1、制作个数据数组 @State var data = ["点击编辑按钮重新排序", "苹果", "????", "????", "????", "????"] 2、实现拖拽 import SwiftUI struct List_MoveRow : View ...
SwiftUI入门 - 11. Section.onDelete问题，调试方法
我码玄黄的博客
11-29 311
本文解决todoList分组展示后删除项异常的bug，同时介绍该如何调试。
SwiftUI 如何使用其偏移量 offset 调整视图的位置？
jaywcjlove的专栏
04-07 900
所有视图在层次结构中都具有自然位置，但是 offset() 修饰符使您可以相对于该自然位置移动它们。 这在ZStack内部特别有用，可以在其中控制视图的重叠方式。 重要提示：使用 offset() 将使视图相对于其自然位置移动，但不会影响其他视图的位置或在偏移之后放置的任何其他修改器的位置。 这意味着您需要仔细考虑如何使用它，尤其是要使视图不重叠时（并非出于您的意图）。 例如，在此 VStack 中，我们可以使用 offset() 将第二项向下移动15点，以便它开始与第三项重叠： VStack { Te
iPhone真机运行App提示“不再可用“(No Longer Available)的原因及解决
热门推荐
享受开发，颠倒银河
07-23 2万+
问题现象 在iPhone真机上运行App时，弹出App"不再可用"提示框: 上图分别显示了中文和英文环境下对应的出错信息。 那么，发生该错误的原因是什么？我们又该如何解决它呢？ 别急，让我们娓娓道来… ???? 问题分析 1. 从App的组成谈起 我们知道在iOS中，每个App都是代码和资源的集合。 其中代码包括主程序可执行文件以及嵌入和引用的各种库(静态和动态库) 资源包括界面描述文件、图片集、第三方字体、音频等等。 从安全的角度来说，iOS不可能允许任意App随意执行，所以每个App都会被签名，
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大熊猫侯佩

赏点钱让我买杯可乐好吗 ;)

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值