iOS, 最新消息

SF Symbols Color

Posted on by 朱克剛

若要讓 SF Symbols （https://developer.apple.com/sf-symbols ）顯示多種顏色，例如下圖。

截圖 2022-10-09 15.03.54

程式碼如下。修飾器 symbolRenderingMode 中的參數會對映上圖右邊「渲染」選單內容。

struct ContentView: View {
    var body: some View {
        Image(systemName: "thermometer.sun.fill")
            .resizable()
        
//            .symbolRenderingMode(.monochrome) // 單色
//            .symbolRenderingMode(.hierarchical) // 漸層
            .symbolRenderingMode(.palette) // 色盤
//            .symbolRenderingMode(.multicolor) // 多色
            .foregroundStyle(.mint, .orange, .red)

            .frame(width: 200, height: 200)
    }
}
sfsymbols
朱克剛
朱克剛

發表迴響