在SwiftUI中如何實現自定義主題和樣式

在SwiftUI中，可以通過使用@Environment和@EnvironmentObject屬性來實現自定義主題和樣式。首先，創建一個遵循ObservableObject協議的主題管理器類，該類包含用于定義主題樣式的屬性，例如顏色、字體等。

import SwiftUI

class ThemeManager: ObservableObject {
    @Published var primaryColor: Color = .blue
    @Published var secondaryColor: Color = .green
    // Add more properties as needed
}

然后，在SceneDelegate中創建一個ThemeManager實例，并將其添加到環境中。

import SwiftUI

class SceneDelegate: UIResponder, UIWindowSceneDelegate {
    var window: UIWindow?
    var themeManager = ThemeManager()

    func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
        let contentView = ContentView().environmentObject(themeManager)

        if let windowScene = scene as? UIWindowScene {
            let window = UIWindow(windowScene: windowScene)
            window.rootViewController = UIHostingController(rootView: contentView)
            self.window = window
            window.makeKeyAndVisible()
        }
    }
}

最后，在視圖中使用@EnvironmentObject來訪問主題管理器中定義的屬性，并將其應用到視圖的樣式中。

import SwiftUI

struct ContentView: View {
    @EnvironmentObject var themeManager: ThemeManager

    var body: some View {
        VStack {
            Text("Hello, World!")
                .font(.title)
                .foregroundColor(themeManager.primaryColor)
            
            Button("Change Theme") {
                themeManager.primaryColor = .red
            }
        }
    }
}

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

這樣就可以通過改變主題管理器中的屬性來動態改變應用程序的主題和樣式。