Swift UI中的主題與樣式管理

在SwiftUI中，主題和樣式管理是確保應用具有一致性和可重用性的關鍵部分。SwiftUI提供了內置的主題和樣式系統，使開發者能夠輕松地創建和應用自定義樣式。

主題

主題是一組定義了應用視覺樣式和布局屬性的值。這些值可以包括顏色、字體、間距等。在SwiftUI中，你可以通過@Environment(\.colorScheme)屬性包裝器訪問當前的環境顏色方案（如淺色或深色模式），并根據需要自定義主題。

要創建自定義主題，你可以使用Theme視圖，并通過@EnvironmentObject將其暴露給其他視圖。這樣，你就可以在整個應用中共享和更新主題設置。

樣式

樣式是一組定義了如何渲染UI元素的屬性集合。在SwiftUI中，你可以使用Style視圖來定義自定義樣式，并將其應用于視圖層次結構中的特定部分。

要創建自定義樣式，你可以使用Modifier.onAppear()、Modifier.onDisappear()等方法來監聽視圖的生命周期事件，并在這些事件中應用樣式更改。此外，你還可以使用@State、@ObservedObject等屬性包裝器來管理樣式狀態，并根據狀態變化自動更新樣式。

示例

以下是一個簡單的示例，展示了如何在SwiftUI中創建自定義主題和應用樣式：

import SwiftUI

struct ContentView: View {
    @Environment(\.colorScheme) var colorScheme
    
    var body: some View {
        VStack {
            Text("Hello, World!")
                .font(.largeTitle)
                .foregroundColor(.white)
                .padding()
            
            Button(action: {
                // 更新主題顏色
                updateTheme()
            }) {
                Text("Update Theme")
            }
            .padding()
        }
        .background(Color.blue)
        .edgesIgnoringSafeArea(.all)
    }
    
    func updateTheme() {
        // 根據環境顏色方案更新主題顏色
        if colorScheme == .dark {
            // 應用深色模式樣式
        } else {
            // 應用淺色模式樣式
        }
    }
}

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

在這個示例中，ContentView視圖使用了@Environment(\.colorScheme)屬性包裝器來訪問當前的環境顏色方案，并根據顏色方案更新主題顏色。此外，ContentView還定義了一個按鈕，當點擊該按鈕時，會調用updateTheme()方法來更新主題顏色。