拖动到SwiftUI中的另一个视图时删除视图

在SwiftUI中，可以通过拖动一个视图到另一个视图上来实现删除视图的效果。具体的实现步骤如下：

首先，创建一个父视图，该视图包含一个或多个子视图。
在父视图中，为每个子视图添加一个拖动手势。可以使用onDrag修饰符来实现这一点。例如，可以为子视图添加一个onDrag修饰符，并指定一个自定义的NSItemProvider对象作为参数。
在父视图中，为每个子视图添加一个放置目标。可以使用onDrop修饰符来实现这一点。例如，可以为子视图添加一个onDrop修饰符，并指定一个自定义的NSItemProvider对象作为参数。
在放置目标的处理程序中，检查拖动的数据是否符合删除条件。如果符合条件，可以从父视图中移除相应的子视图。

这样，当用户将一个子视图拖动到另一个视图上时，如果满足删除条件，该子视图将被从父视图中删除。

在SwiftUI中，可以使用DragGesture和DropDelegate来实现拖放功能。以下是一个示例代码，演示了如何在SwiftUI中实现拖动到另一个视图时删除视图的效果：

struct ContentView: View {
    @State private var views = [Color.red, Color.green, Color.blue]
    
    var body: some View {
        VStack {
            ForEach(views, id: \.self) { view in
                view
                    .frame(width: 100, height: 100)
                    .gesture(
                        DragGesture()
                            .onDrag {
                                NSItemProvider(object: String(describing: view))
                            }
                    )
                    .onDrop(of: ["public.text"], delegate: MyDropDelegate(item: view, views: $views))
            }
        }
    }
}

struct MyDropDelegate: DropDelegate {
    let item: Color
    @Binding var views: [Color]
    
    func performDrop(info: DropInfo) -> Bool {
        if let index = views.firstIndex(of: item) {
            views.remove(at: index)
            return true
        }
        return false
    }
    
    func validateDrop(info: DropInfo) -> Bool {
        true
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

在上述示例中，我们创建了一个ContentView视图，其中包含了三个颜色视图。每个颜色视图都可以通过拖动手势进行拖动，并且具有一个放置目标，用于接收拖动的视图。在MyDropDelegate中，我们实现了performDrop方法来处理拖放操作，如果拖动的视图在父视图中存在，则将其从views数组中移除。

这是一个简单的示例，演示了如何在SwiftUI中实现拖动到另一个视图时删除视图的效果。根据具体的需求，可以根据这个示例进行扩展和定制。

拖动到SwiftUI中的另一个视图时删除视图

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐