SwiftUI macOS 輕鬆搭建Todo任務管理類App界面(教程含源碼)

本文價值與收穫

看完本文後，您將能夠作出下面的界面

看完本文您將掌握的技能

• 搭建兩欄基礎框架
• 設置工具欄
• 任務列表
• 任務完成效果

代碼

import SwiftUI

struct Task: Hashable, Identifiable {
    var id = UUID()
    var title: String
    var completed = false
}

struct ContentView: View {
    @State var selection: Set<Int> = [0]
    
    var body: some View {
        NavigationView {
            List(selection: self.$selection) {
                Label("任務", systemImage: "largecircle.fill.circle")
                    .tag(0)
                Label("今天", systemImage: "star.fill")
                Label("未來", systemImage: "calendar")
                
                Divider()