#01 SwiftUI 初體驗

(左) Weather App程式原圖 (右) 模仿的作品

主題：模仿 App Store 上架的 App，製作一頁精美的 App 畫面

透過模仿 iOS App 熟悉 SwiftUI的操作和版面佈置

⭐️ 過程中遇到的問題 ⭐️

1. GroupBox 無法調整背景顏色

使用 .GroupBoxStyle 並且另外定義一個 struct ，並且用 RoundedRectangle 的方式改變 GroupBox 背景顏色。

struct ColoredGroupBox: GroupBoxStyle {
        func makeBody(configuration: Configuration) -> some View {
            VStack {
                HStack {
                    configuration.label
                        .font(.headline)
                    Spacer()
                }
                
                configuration.content
            }
            .padding()
            .background(RoundedRectangle(cornerRadius: 8, style: .continuous)
                .fill(.black.opacity(0.1)))
        }
    }

2. 改變 SF symbols 不同區塊的顏色

利用 .forgroundsStyle(_ primary:_ secondary:_ tertiary)，可以調整 SF sybols 圖案裡不同區塊的顏色

Image(systemName: "cloud.bolt.rain.fill")
         .foregroundStyle(.white, Color(red: 0.5058823529411764, green: 0.8117647058823529, blue: 0.9803921568627451), .white)

GitHub Link

https://github.com/sean3136/iOS_weatherapp_Mainpage.git