SwiftUI 阴影基础之 03 动画阴影制造月食效果 （教程含源码）

SwiftUI 阴影基础之 03 动画阴影

看完本文后，您将能够作出下面的界面

解决方案

阴影值也可以设置动画。看到这一点，假设我们想用动画更新上面最后一个示例的阴影颜色，半径和偏移量。为了实现这一点，我们需要使用@State属性包装器标记以下四个属性；他们将在每次更改其值时更新视图：

@State private var shadowColor: Color = .green
@State private var shadowRadius: CGFloat = 8
@State private var shadowX: CGFloat = 20
@State private var shadowY: CGFloat = 0
 

接下来，我们将使用上述属性的值，而不是阴影参数的固定值：