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

閱讀時間約 2 分鐘

漸層文字

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

Hello SwiftUI!

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



5會員
23內容數
紀錄iOS開發上遇到的問題或是一些流程筆記。主要都是Swift。
留言0
查看全部
發表第一個留言支持創作者!