SwiftUI自定义删除按钮获取IndexSet
SwiftUI是一种用于构建用户界面的现代化框架，它是苹果公司推出的一种声明式UI编程范式。SwiftUI的目标是简化开发过程，提供直观、高效的界面构建方式。
在SwiftUI中，我们可以使用List视图来展示一个可滚动的列表。当我们需要在列表项中添加删除按钮时，可以通过自定义行为来实现。要获取删除按钮的IndexSet，可以使用onDelete()修饰符。
具体步骤如下：
- 创建一个包含删除按钮的列表视图，使用ForEach遍历数据并显示列表项。
- 在列表项中添加一个Button，用于触发删除操作。
- 在Button中使用onDelete()修饰符，并传入一个闭包，该闭包接收一个IndexSet参数，表示要删除的项的索引。
- 在闭包中，可以通过调用删除操作来处理要删除的项。
以下是一个示例代码：
struct ContentView: View {
@State private var items = ["Item 1", "Item 2", "Item 3"]
var body: some View {
List {
ForEach(items, id: \.self) { item in
HStack {
Text(item)
Spacer()
Button(action: {
// 删除操作
self.items.removeAll(where: { $0 == item })
}) {
Image(systemName: "trash")
}
.onDelete { indexSet in
// 获取要删除的项的索引
self.items.remove(atOffsets: indexSet)
}
}
}
}
}
}在这个示例中，我们创建了一个包含删除按钮的列表视图。当点击删除按钮时，可以通过调用删除操作来删除对应的项。同时，我们还使用onDelete()修饰符来获取要删除的项的索引。
推荐的腾讯云相关产品：腾讯云函数（Serverless Cloud Function），它是一种无服务器计算服务，可以帮助开发者更轻松地构建和运行云端应用程序。腾讯云函数提供了一个简单、灵活、高效的方式来处理和响应事件，可以与SwiftUI等前端开发技术结合使用。
腾讯云函数产品介绍链接地址：https://cloud.tencent.com/product/scf
相关·内容
1回答
更新和删除列表、SwiftUI中的项
listview、swiftui、swiftui-list
在“待办事项”样式列表中，我有两个更新列表的问题.
删除列表中的项目时，它会飞到任意位置。(浮躁)我想这是因为它与独特的identifier有关系
当在列表中勾掉项目时，不会更改该部分。仅在添加新项后视图才会更新。
Additionally，可能知道如何在没有更多项的情况下隐藏部分，并在添加任务时重新出现。
ListView
struct ContentView: View {
@ObservedObject var listViewModel = ListViewModel()
@State var newItem = ""
浏览 0提问于2021-05-11得票数 0
回答已采纳
2回答
如何在.onDelete列表上编程执行SwiftUI动画？
swift、swiftui
我有两种方法来删除列表中的项目
刷卡。它由.onDelete修饰符实现，并在每个列表项上使用精细的自定义删除按钮。。
通过点击自定义“删除”按钮，我如何以编程方式使用.onDelete默认删除动画执行UITableView？
重要：，我不是说只使用withAnimation。我指的是在列表中删除行的默认动画，当行变成红色并折叠时。
struct ContentView: View {
@State var countries = ["USA", "Canada", "England", "Cameroon", "S
浏览 2提问于2022-05-27得票数 0
1回答
如何在删除SwiftUI中的列表项之前使用“警告”菜单？
swift、swiftui
我在SwiftUI中有列表项，当我删除列表项时，我要删除警告菜单后删除的项目，如
“确实要删除列表项”、“是”或“否”
有可能吗？
struct MyView: View {
@State private var selectedUsers: MyModel?
var body: some View {
ScrollView(.vertical, showsIndicators: false, content: {
VStack(content: {
浏览 8提问于2022-02-26得票数 0
回答已采纳
1回答
SwiftUI，核心数据-删除带有上下文菜单的列表项
core-data、swiftui、contextmenu、delete-row、nsindexset
我正在尝试删除一个带有上下文菜单的列表项。数据从Core数据中获取。
.onDelete和我的deleteExercise功能一样工作，不需要做进一步的工作。但是，当在上下文菜单按钮中调用deleteExercise时，它会请求IndexSet，我真的不知道从哪里得到。
我还想知道为什么在使用IndexSet时不需要指定.onDelete
struct ExercisesView: View {
@Environment(\.managedObjectContext) private var viewContext
@FetchRequest(
so
浏览 6提问于2022-01-12得票数 1
回答已采纳
4回答
SwiftUI重新排序列表中的CoreData对象
core-data、swiftui
我希望更改从核心数据中检索对象的列表中行的顺序。移动行可以工作，但问题是我无法保存更改。我不知道如何保存更改后的CoreData对象索引。
这是我的密码：
核心数据类：
public class CoreItem: NSManagedObject, Identifiable{
@NSManaged public var name: String
}
extension CoreItem{
static func getAllCoreItems() -> NSFetchRequest <CoreItem> {
let request: NSF
浏览 8提问于2020-01-14得票数 16
回答已采纳
2回答
SwiftUI -数组中索引的索引集
arrays、swift、swiftui
我在NavigationView中使用NavigationView，当用户使用.onDelete()删除一行时，列表与调用的函数相结合，如下所示。
struct PeriodListView: View {
@ObservedObject var theperiodlist = ThePeriodList()
@EnvironmentObject var theprofile: TheProfile
@State private var showingAddPeriod = false
var dateFormatter: DateFormatter {
let formatter
浏览 1提问于2020-01-22得票数 15
回答已采纳
1回答
作为更大的表单的一部分，我希望有一个包含列表的区段，它的条目可以重新排序。
在整个视图中，应该只可能编辑特定的列表，而不是其他任何内容。因此，我想把EditButton放在列表附近。
如果我只是将EditButton设置为节标题，则重新排序列表项可以工作，但无法显示节标题：
struct ContentView: View {
private let items = Range(1...4).map { "Item " + String($0) }
var body: some View {
Form {
浏览 4提问于2020-08-10得票数 5
回答已采纳
2回答
SwiftUI列表.onDelete:超出范围的索引
swift、list、foreach、swiftui、binding
我有一个使用视图模型填充的简单列表：
@ObservedObject var sdvm = StepDataViewModel()
[...]
List {
ForEach (vm.steps.indices, id: \.self) { idx in
TheSlider(value: self.$vm.steps[idx].theValue, index: self.vm.steps[idx].theIndex)
}
.onDelete(perform: { indexSet in
self.vm.removeStep(index:
浏览 3提问于2021-03-19得票数 1
回答已采纳
2回答
致命错误: SwiftUI中超出范围的索引
swift、mvvm、error-handling、swiftui、fatal-error
我制作了一个实践应用程序，其中的主要视图是一个简单的列表。当点击列表中的项时，它将显示详细视图。在detail视图中有一个“textField”来更改条目标题。
通过执行以下步骤，我总是会犯错误：
添加3项到列表中更改第二项的标题删除第三项删除第二项(您更改标题的项目。
当您删除更改名称的项时，应用程序将崩溃，并向我显示以下错误：“致命错误:SwiftUI中超出范围的索引”
我怎么才能修好它？
主要观点：
struct ContentView: View {
@EnvironmentObject var store: CPStore
var body: some Vi
浏览 6提问于2020-07-16得票数 1
回答已采纳
1回答
SwiftUI: onDelete没有正确更新UI
swiftui
当我使用onDelete()删除数组的元素时，它会删除数据中的正确项，但删除UI上的最后一个项。我看到了，但我已经在使用它推荐的内容了。有什么建议吗？
struct ContentView: View {
@State var items = ["One", "Two", "Three"]
var body: some View {
Form{
ForEach(items.indices, id:\.self){ itemIndex in
浏览 4提问于2020-10-07得票数 2
回答已采纳
2回答
为什么我不能在我的`.alert`项目中使用多个SwiftUI对话框？
swift、swiftui
我想删除列表项，当我删除列表项时，它将显示像.alert对话框一样的确认对话框。下面有代码，如果我想删除列表项.alert对话框是工作的，但如果我尝试删除所有列表项，.alert对话框不工作，并且我无法删除所有项目，我不知道我错过了哪里？我想这很可能是由于我有两个.alert对话框，他们是矛盾的，有什么想法吗？
struct CustomView: View {
@State private var selectedUsers: CustomModel?
@State var users: [CustomModel]
@State private var selec
浏览 9提问于2022-03-01得票数 1
回答已采纳
3回答
从SwiftUI上的节列表中删除项
ios、swift、xcode、core-data、swiftui
概述
我正在做一个简单的应用程序，里面有核心数据，我有两个实体用户和区域，这个应用按区域显示用户列表，问题是在删除操作中，列表从第一部分删除用户，如果我尝试从第二部分删除第二个用户，那么它从第一部分中删除第二个用户。
我认为索引集发送该节的索引是错误的，但是当我试图将onDelete更改为嵌套的forEach时，不要工作
这是代码
import SwiftUI
struct ContentView: View {
@Environment(\.managedObjectContext) var moc
@FetchRequest(entity: User.entity(),
浏览 3提问于2020-03-05得票数 3
回答已采纳
1回答
添加onTapGesture时，SwiftUI onDelete无法检测到tap
ios、xcode、swiftui
我正在开发一个由SwiftUI列表的iOS应用程序。我正在实现.onDelete，以使用户能够删除行。然而，我发现当我向包含列表的VStack视图添加一个.onTapGesture时，当用户在向左滑动行之后点击“Delete键”时，onDelete函数并没有被调用。然而，当用户将行滑动到左侧以删除它时，它仍然起作用。看起来.onTapGesture阻塞了.onDelete来接收用户输入。如何解决这个问题？ NavigationView {
VStack(alignment: .leading) {
List {
ForEach(things)
浏览 27提问于2020-10-03得票数 2
1回答
SwiftUI -从过滤列表中删除项目
swiftui
我有一个过滤过的列表，需要使用ForEach的.onDelete方法删除其中的项。因为delete(at offsets: IndexSet)函数使用当前显示列表的索引，所以我需要准确地引用列表项的这个顺序。
不幸的是，当我想引用引用filteredTools变量时，我得到了以下错误：
不能对不可变值使用变异成员：“filteredTools”是get-only属性
你知道怎么解决这个问题吗？
谢谢!
struct ToolList: View {
@EnvironmentObject var userData: UserData
@State var showingFilte
浏览 7提问于2020-05-15得票数 0
回答已采纳
1回答
SwiftUI自定义删除按钮获取IndexSet
swift、xcode、swiftui
我正在实现一个自定义的delete按钮，没有使用List和.onDelete，但是我似乎无法获得行的IndexSet，并且在任何地方都找不到这样的示例。
CartView.swift
struct CartView: View {
@ObservedObject var cartListVM = CartListViewModel()
func deleteCart(at offsets: IndexSet) {
offsets.forEach { index in
let cart = cartListVM.carts[ind
浏览 88提问于2021-05-18得票数 1
1回答
SwiftUI，List，.onDelete(执行：)和Firestore
google-cloud-firestore、swiftui
我创建了一个能够通过方法.onDelete删除行的列表(执行：)。
List {
ForEach(itemList.dataLocation) { item in
NavigationLink(destination: ListDetails(name: item.nameDB)) {
ListItem(name: item.nameDB)
}
}
.onDelete(perform: delete)
.onMove(perform: move)
}
func delete(at offsets: IndexSet) {
浏览 6提问于2019-11-22得票数 2
回答已采纳
1回答
如何在SwiftUI中从另一个视图中删除列表中的一项？
swift、list、mvvm、swiftui
我做了一个练习应用，其中的主视图是一个简单的列表。当点击列表中的项目时，将显示详细信息视图。在细节视图中有一个删除项目的“delete”按钮。 如何从详细视图中删除每个项目？ 主视图： struct ContentView: View {
@EnvironmentObject var viewModel: ViewModel
var body: some View {
NavigationView {
List {
ForEach(0 ..< viewModel.items.count,
浏览 19提问于2020-07-15得票数 1
回答已采纳
1回答
带节的.ondelete SwiftUI列表
ios、swift、swiftui
我不能释放删除和移动SwiftUI列表中有节行的方法。
我有分类的模式：
struct Category: Identifiable {
var id = UUID()
var title: String
var number: Int
var items: [ChecklistItem]
func deleteListItem(whichElement: IndexSet) {
items.remove(atOffsets: whichElement)
}
func moveListItem(whichElement:
浏览 0提问于2020-10-19得票数 2
回答已采纳
1回答
SwiftUI EditButton在NavigationView中未激活编辑模式
swift、xcode、swiftui
综上所述，不可能编辑该特定列表。编辑按钮功能没有出现在我最新的Xcode版本(14.0)中。
import SwiftUI
struct ListTutorialBootcamp: View {
func delete(indexSet: IndexSet) {
fruits.remove(atOffsets: indexSet)
}
@State private var fruits: [String] = ["Apple", "banana", "grape", "Oran
浏览 7提问于2022-09-26得票数 0
回答已采纳
1回答
删除SwiftUI ForEach列表项的按钮
swift、swiftui
我是斯威夫特的新手，我有一个ForEach列表，可以显示CoreData存储的信息。对于列表中显示的每一项，滑动删除方法都可以使用.onDelete(perform: vm.deleteMemory)，但是我想要一个按钮来删除而不是滑动。
这是我到目前为止尝试的按钮操作，但我得到了Cannot convert value of type 'IndexSet.Type' to expected argument type 'IndexSet'错误。
@StateObject var vm = CoreDataViewModel()
VStack{
浏览 5提问于2021-06-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
