8a925ffa9e486a05dd3e763be98a87a9
macOS SwiftUI 精品完整项目之颜色管理项目支持Dark mode和CoreData (教程含源码)

实战需求

macOS SwiftUI 精品完整项目之颜色管理项目支持Dark mode和CoreData (教程含源码)

本文价值与收获

看完本文后,您将能够作出下面的界面

程序效果

程序效果

Dark 模式

Dark 模式

Picker 界面

Picker 界面

调色板视图

调色板视图

角色视图

角色视图

设置界面

设置界面

Bright/Light 效果

Bright/Light 效果

Coredata数据界面

Coredata数据界面

Coredata数据界面

Coredata数据界面

看完本文您将掌握的技能

  • Dark mode.
  • 预览并保存所选颜色。
  • 右键单击复制颜色值。
  • 预览和保存调色板。
  • 您还可以复制整个调色板和单个项目的值。
  • 该工具可让您预览该角色在Discord上的外观。您可以输入等级名称,用户昵称以及最多100个字符的消息。

实战代码

1、主界面

import SwiftUI

@main
struct ColorfulApp: App {
    // MARK: Properties
    @StateObject var darkMode = DarkModeViewModel()
    @StateObject var showAlert = HomeViewModel()
    let persistenceController = PersistenceController.shared

    var body: some Scene {
        WindowGroup {
            ContentView()
                .preferredColorScheme(darkMode.isDark ? .dark : .light)
                .environment(\.managedObjectContext, persistenceController.container.viewContext)
                .environmentObject(darkMode)
                .environmentObject(showAlert)
        }
        .windowStyle(HiddenTitleBarWindowStyle())
    }
}

2、DarkMode数据组件
```

top Created with Sketch.