时间戳

首页 > 解决方案 > 在 ForEach 循环中删除图像

swift - 在 ForEach 循环中删除图像

问题描述

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

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
}

如果我在 array 中打印当前元素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}>)

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

标签： swiftswiftuiphasset

解决方案

有很多方法可以使用它。

方法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)
        })
    }
}

推荐阅读