在 ForEach 循环中删除图像

Posted 2023-03-08

【中文标题】在 ForEach 循环中删除图像

【英文标题】：Delete image in ForEach cycle

【发布时间】：2021-07-30 08:04:29

【问题描述】：

我有从媒体库中选择图像的数组。我需要通过单击按钮删除选定的图像。

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>)

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

【问题讨论】：

此方法需要 int 值 .remove(at:，而您正在传递 SelectedMedia 对象 i，这是错误的。您必须传递项目索引

查看示例：***.com/a/68509759/14733292

@RajaKishan 是的，我需要INT 值。但是我怎样才能在我的周期中得到它呢？

检查我给定的例子ForEach(model.items.indices, id:\.self) index in //< -- Here

是的，我正在阅读这篇文章...谢谢。

【参考方案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)
        )
    

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

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: $0.id == object.id)  // <-- Here
                removeItem(at: index) // <-- Here
            
        , label: 
            Image(systemName: "trash")
                .padding(5)
                .foregroundColor(Color.red)
                .background(Color.white)
        )