實現陰影效果的 layer.shadow + xxx

可從 User Defined Runtime Attributes 設定三種常見的陰影效果,layer.shadowOpacity,layer.shadowOffset 和 layer.shadowRadius。

ps: 請記得不要勾選 Clip to Bounds,它會將我們辛苦打造的陰影效果切除。

layer.shadowOpacity

型別 Float,0 ~ 1,shadow 的不透明度,數字愈大愈清楚

左邊 0.2, 右邊 1

layer.shadowOffset

型別 CGSize,控制 shadow 在 X 軸和 Y 軸的偏移。

{10, 0},shadow 往右偏移

{0, 10},shadow 往下偏移

layer.shadowRadius

型別 CGFloat,shadow 的半徑

其它陰影相關屬性 ( 以下兩個須從程式設定,無法從 User Defined Runtime Attributes 設定。)

layer.shadowColor

layer.shadowPath

使用 shadow offset 實現 SwiftUI / UIKit / Flutter 的立體文字和元件

同時實現圓角和陰影

--

--

彼得潘的 iOS App Neverland
彼得潘的 Swift iOS App 開發問題解答集

彼得潘的iOS App程式設計入門,文組生的iOS App程式設計入門講師,彼得潘的 Swift 程式設計入門,App程式設計入門作者,http://apppeterpan.strikingly.com