-
本节课制作一个模拟手机解锁的动画,我们需要一个文本视图,用来执行色彩变换的动画。文本视图的上方是一个长方形,用来执行由左至右缩小的动画。
-
首先添加一个布尔属性,标识是否进行色彩变换的动画。
-
添加一个ZStack视图,作为子视图的容器。
-
继续添加一个文本视图,作为色彩变换动画的载体。同时增加文字的尺寸,并设置文字的颜色为紫色。
-
为了使色彩变换的动画更明显,这里降低文本视图的亮度。
第4章第10节:如何制作一个模拟手机解锁的动画 [SwiftUI快速入门到实战]
![](https://img-home.csdnimg.cn/images/20240711042549.png)
本节课制作一个模拟手机解锁的动画,我们需要一个文本视图,用来执行色彩变换的动画。文本视图的上方是一个长方形,用来执行由左至右缩小的动画。
首先添加一个布尔属性,标识是否进行色彩变换的动画。
添加一个ZStack视图,作为子视图的容器。
继续添加一个文本视图,作为色彩变换动画的载体。同时增加文字的尺寸,并设置文字的颜色为紫色。
为了使色彩变换的动画更明显,这里降低文本视图的亮度。