swiftui 文件对话框

原创

mob649e815e9bc9 2024-12-18 04:45:01 ©著作权

©著作权归作者所有：来自51CTO博客作者mob649e815e9bc9的原创作品，请联系作者获取转载授权，否则将追究法律责任

SwiftUI 文件对话框使用指南

SwiftUI 是 Apple 提供的用于构建用户界面的现代框架，它使得开发者能够快速创建跨平台应用。而文件对话框则是应用打开和保存文件时必不可少的一部分。在本文中，我们将探讨如何在 SwiftUI 中实现文件对话框，并提供代码示例来帮助你更好地理解。

什么是文件对话框？

文件对话框通常用于用户在应用中选择文件或保存文件。SwiftUI 提供了 FileDocument 及相关的修饰符，便于我们在应用中集成文件对话框。

使用 SwiftUI 实现文件对话框

我们将通过一个简单的例子来演示如何在 SwiftUI 中实现文件对话框。以下是代码示例：

import SwiftUI

// 创建一个 FileDocument，用于表示文件的数据模型
struct MyDocument: FileDocument {
    var text: String

    static var readableContentTypes: [UTType] { [.plainText] }

    init(text: String = "Hello, World!") {
        self.text = text
    }

    init(configuration: ReadConfiguration) throws {
        let data = configuration.file.$data
        self.text = String(data: data, encoding: .utf8) ?? ""
    }

    func fileWrapper(configuration: WriteConfiguration) throws -> FileWrapper {
        let data = text.data(using: .utf8)!
        return .init(regularFileWithContents: data)
    }
}

// 创建主视图
struct ContentView: View {
    @State private var document: MyDocument = MyDocument()
    @State private var isDocumentPickerPresented = false

    var body: some View {
        VStack {
            TextEditor(text: $document.text)
                .padding()

            Button("打开文件") {
                isDocumentPickerPresented = true
            }
            .fileImporter(isPresented: $isDocumentPickerPresented, allowedContentTypes: [.plainText]) { result in
                switch result {
                case .success(let url):
                    if let data = try? Data(contentsOf: url) {
                        document.text = String(data: data, encoding: .utf8) ?? "无法读取"
                    }
                case .failure(let error):
                    print("打开文件失败: \(error.localizedDescription)")
                }
            }

            Button("保存文件") {
                isDocumentPickerPresented = true
            }
            .fileExporter(isPresented: $isDocumentPickerPresented, document: document, contentType: .plainText) { result in
                switch result {
                case .success:
                    print("保存成功")
                case .failure(let error):
                    print("保存文件失败: \(error.localizedDescription)")
                }
            }
        }
        .padding()
    }
}

// 主应用
@main
struct MyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

代码描述

在上述代码中，我们创建了一个名为 MyDocument 的数据模型。它符合 FileDocument 协议，能够读取和写入文本数据。ContentView 视图中，我们使用 TextEditor 来显示和编辑文件内容，并通过 Button 来实现打开和保存文件的功能。

当用户点击“打开文件”按钮时，fileImporter 修饰符会展示一个文件选择对话框，允许用户选取一个文本文件。选中文件后，应用会读取其内容，并将其展示在 TextEditor 中。对于“保存文件”操作，fileExporter 修饰符则用于将当前文本内容保存为一个新文件。

类图

以下是这个示例应用的类图，它展示了各个类之间的关系。

classDiagram
    class MyDocument {
        +String text
        +MyDocument()
        +MyDocument(ReadConfiguration)
        +fileWrapper(WriteConfiguration) 
    }
    
    class ContentView {
        -MyDocument document
        -boolean isDocumentPickerPresented
        +body -> some View
    }
    
    class MyApp {
        +body -> some Scene
    }
    
    MyApp --> ContentView
    ContentView --> MyDocument