ForEach循环删除图片

Question

我有一个数组，其中包含从媒体库中选择的图像。我需要通过单击按钮删除所选图像。

ScrollView(.horizontal) {
    HStack(spacing: 5) {
        ForEach(self.selectedMedia, id:\.self) { index in
            ZStack {
                Image(uiImage: index.image)
                    .resizable()
                    .scaledToFit()
                    .frame(width: UIScreen.main.bounds.width * 0.5)
                Button(action: {
                    removeItem(at: index)
                }, label: {
                    Image(systemName: "trash")
                        .padding(5)
                        .foregroundColor(Color.red)
                        .background(Color.white)
                })
            }
        }
    }
}

func removeItem(at index: Int) {
    self.selectedMedia.remove(at: index)
}

但是无法构建项目，因为有一个错误：

Cannot convert value of type 'SelectedMedia' to expected argument type 'Int'

SelectedMedia:

struct SelectedMedia: Hashable {
    var asset: PHAsset
    var image: UIImage
}

如果我打印数组 print(index) 中的当前元素，将进入控制台：

SelectedMedia(asset: <PHAsset: 0x149313570> ED7AC36B-A150-4C38-BB8C-B6D696F4F2ED/L0/001 mediaType=1/0, sourceType=1, (3000x2002), creationDate=2012-08-08 21:55:30 +0000, location=1, hidden=0, favorite=0, adjusted=0 , image: <UIImage:0x6000004c4360 anonymous {3000, 2002}>)

如何修复错误和删除图像？

Answer 1

您可以通过多种方式使用它。

方法 1：使用 indices 然后从索引中获取一个对象。

ForEach(selectedMedia.indices, id:\.self) { index in // <-- Here
    let obj = selectedMedia[index] // <-- Here
    ZStack {
        Image(uiImage: obj.image) // <-- Here
            .resizable()
            .scaledToFit()
            .frame(width: UIScreen.main.bounds.width * 0.5)
        Button(action: {
            removeItem(at: index) // <-- Here
        }, label: {
            Image(systemName: "trash")
                .padding(5)
                .foregroundColor(Color.red)
                .background(Color.white)
        })
    }
}

方法 2：使用 enumerated() 它将为您提供项目对象和偏移量。

ForEach(Array(selectedMedia.enumerated()), id:\.offset) { index, obj in // <-- Here
    ZStack {
        Image(uiImage: obj.image) // <-- Here
            .resizable()
            .scaledToFit()
            .frame(width: UIScreen.main.bounds.width * 0.5)
        Button(action: {
            removeItem(at: index) // <-- Here
        }, label: {
            Image(systemName: "trash")
                .padding(5)
                .foregroundColor(Color.red)
                .background(Color.white)
        })
    }
}

方法三：按对象从数组中查找索引

struct SelectedMedia: Identifiable {
    var id = UUID()
    var asset: PHAsset
    var image: UIImage
}

ForEach(self.selectedMedia, id:\.id) { object in // <-- Here
    ZStack {
        Image(uiImage: object.image) // <-- Here
            .resizable()
            .scaledToFit()
            .frame(width: UIScreen.main.bounds.width * 0.5)
        Button(action: {
            if let index = self.selectedMedia.firstIndex(where: {[=13=].id == object.id}) { // <-- Here
                removeItem(at: index) // <-- Here
            }
        }, label: {
            Image(systemName: "trash")
                .padding(5)
                .foregroundColor(Color.red)
                .background(Color.white)
        })
    }
}

ForEach循环删除图片

Delete image in ForEach cycle

swift

phasset

swiftui