SwiftUI 畫出美美漸層色(ﾉ>ω<)ﾉ

漸層文字

做出像Apple Keynote主題一樣的美美漸層文字

Hello SwiftUI!

先畫出一大塊美美漸層色，可以選自己喜歡的顏色跟角度去做喔

LinearGradient(colors: [.blue, .purple, .red],
               startPoint: .bottomLeading,
               endPoint: .topTrailing)

好漂亮(ﾉ>ω<)ﾉ

Mask(iOS15以上)

再加上Mask，我覺得跟遮罩的原理蠻類似的，只露出文字的形狀的部分。

LinearGradient(colors: [.blue, .purple, .red],
               startPoint: .bottomLeading,
               endPoint: .topTrailing)
               .frame(height: 50)
               .mask { 
                    Text("Hello, world!")
                    .font(.largeTitle)
                    .fontWeight(.bold)
                }

frame記得要設小一點，漸層效果才會集中

登登登登！！

好漂亮(ﾉ>ω<)ﾉ

漸層背景Modifier(iOS16以上)

背景Modifier也可以變成美美漸層，但是ios16以上才有QQ用法就是原來的顏色後面.gradient

        Button  { 

        } label: {
             Text("漸層美美按鈕")
             .font(.largeTitle)
             .foregroundColor(.white)
             .padding()
             .background(.pink.gradient, in: Capsule())
        }

美

參考資料：https://www.youtube.com/watch?v=YlSbfK4ft4g