置顶

菜鸟入门，各位大佬轻喷，如有谬误之处欢迎讨论建议，也欢迎各位道友与我同行

“不积跬步，无以至千里；不积小流，无以成江海”

继续

上文中我们解实现 todo 的详情表单，即在 List 中点击每一项弹出一个 todo 的表单，里面可以修改 todo 的名称等。

但是发现有一个问题，即每次退出程序时，我们已有的 todo 项全部被重置，再次打开又成了默认的那一条。

所以，本文我们将来实现普通数据的本地持久化保存，包括存储与取消存储。效果如下：

在这里插入图片描述

思考

之前我们用过 @AppStorage 来进行持久化存储，但是 @AppStorage 只支持几个基础的数据类型，我们构造的 TodoLists 显然不是个基础类型。

但 @AppStorage 确实挺好用的，我们拿它来进行初始化或者保存数据是可以的，既然它只支持基础类型，那么我们将 TodoLists 用JSONEncoder 转化成 String，进行存取应是可行的。

那么基本的实现方案即修改 TodoModel 添加一个 saveData 方法和 clearData 方法，并修改 TodoModel 的 init 方法，优先使用 @AppStorage 中的数据

实现

修改 TodoModel.swfit

import SwiftUI;
// 一定要添加 Encodable 和 Decodable
struct TodoItem:Identifiable,Equatable,Encodable,Decodable{
    // 把 let 改成var，现在需要id可以被修改了
    var id = UUID();
    var name:String ;
    var isFinished:Bool = false;
    var createTime:Int = 0;
    var finishTime:Int = 0;
    var createdAt:String {
        // ...
    }
}

class TodoLists : ObservableObject {    
    // 添加 @AppStorage 参数
    @AppStorage("todoLists") public var store:String = "";
    @Published private(set) var todoList:[TodoItem];
    init(todoList: [TodoItem]) {
        self.todoList = todoList
        // 如果是个空数组，那么先放一个进去
        if(todoList.count == 0 ){
            // 使用 @AppStorage 里面的数据来进行初始化
            if(store == ""){
                // 本身就没有值的时候新增一条默认的
                add(name: "请添加TODO")
            }else{
                // 这里在将 @AppStorage 中的值进行解码，然后放到 todoList 变量上去
                guard (try? self.todoList = JSONDecoder().decode([TodoItem].self, from: store.data(using: .utf8)!)) != nil else{
                    return;
                }
            }
        }
    }
    // 添加一条 todo项，只要名称即可
    func add(name:String){
        // ...
        saveData()
    }
    // 切换todo项的是否完成状态，如果完成状态为true那更新finishTime
    func toggle(item:TodoItem){
        // ...
        saveData()
    }
    // 删除todo
    func delete(offsets: IndexSet,isFinished:Bool = false){
        // ...
        saveData()
    }
    // 更新数据
    func update(item:TodoItem){
        // ...
        saveData()
    }
    // 将数据保存到 @AppStorage
    func saveData(){
        // 将 todoList JSON化后存入 store变量中，利用 @AppStorage 进行存储
        guard let data = try? JSONEncoder().encode(self.todoList) else{
            return;
        }
        store = String(data:data, encoding: .utf8)!;
    }
    // 清除所有的todo项
    func clear(){
        todoList = [];
        saveData();
    }
}

既然已经有了清除所有数据的方法，那么我们就可以在 Setting 页面中添加一个按钮，用于清除所有的 todo 项，同时显示已有多少条

先将 IndexView 中的 EnvironmentObject 挂到最外层，保证 Setting 能够取得到这个全局实例。

//  IndexView.swift
import SwiftUI
struct IndexView: View{
    // ...
    let todos = TodoLists(todoList: [])
    
    var body: some View{
        // ...
        VStack{
            // 一个简单的tabview，底部导航栏
            TabView {
                TodoView()
                    .tabItem {
                        Image(systemName: "list.dash")
                        Text("TODO")
                    }.tag(0)
                SettingView()
                    .tabItem {
                        Image(systemName: "gear.circle")
                        Text("设置")
                    }.tag(1)
            }
            .font(.headline)
        }.environmentObject(todos)
    }
}

修改 Setting.swift 如下：

//  SettingView.swift
import SwiftUI
struct SettingView: View {
    @AppStorage("isLogin") private var isLogin:Bool = false;
    @AppStorage("userName") private var userName:String = "";
    // 从 EnvironmentObject 中 拿出 todos
    @EnvironmentObject var todos:TodoLists;
    var body:some View{
        NavigationView{
            if(isLogin){
                List{
                    // ...
                    Section{
                        HStack{
                            Spacer()
                            Text("清除所有的Todo，共\(todos.todoList.count)条").foregroundColor(.red)
                            Spacer()
                        }.onTapGesture {
                            todos.clear()
                        }
                    }
                    Section{
                        HStack{
                            Spacer()
                            Text("退出登陆").foregroundColor(.red)
                            Spacer()
                        }.onTapGesture {
                            isLogin = false;
                            // 退出登陆时也应当清楚 todos
                            todos.clear()
                        }
                    }
                }.navigationTitle("设置")
            }else{
                Text("请登录").foregroundColor(.red)
            }
        }
    }
}

总结

@AppStorage 的存储时机不确定，可能存在丢失的可能，以后再研究，目前仅实现功能。
@AppStorage 是保存和读取 UserDefaults 变量的一种快捷方式，即本身就是 UserDefaults。但只支持几种基础数据类型，其它的需要自己扩展
SwiftUI 里的 try 有三种方式： try? 会在出错时，返回 nil，不会导致程序崩溃，如果没有错误，会返回一个可选值，try! 会在出错时崩溃，打破错误传播链，当然还有 do...catch
JSONDecoder 和 JSONEncoder 的基本使用