实战需求

SwiftUI 动画之制作个能呼吸的欢迎介绍界面

本文价值与收获

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

截屏2020-08-23 上午9.14.24.png

Jietu20200823-091501.gif

看完本文您将掌握的技能

• 掌握 scaleEffect
• 掌握 repeatForever
• 掌握 .easeInOut(duration: 1)

基础知识

scaleEffect(_:anchor:)

相对于锚点，按给定的垂直和水平尺寸大小缩放此视图的渲染输出。

func scaleEffect(_ scale: CGSize, anchor: UnitPoint = .center) -> some View

参量

• scale
  CGSize代表水平和垂直量的A ，以缩放视图。

• anchor
  默认值为的点center定义了视图中从中应用转换的位置。

参考代码

用于通过应用指定的特定大小的缩放变换来缩放视图。scaleEffect(_:anchor:)scale

Image(systemName: "envelope.badge.fill").resizable().frame(width: 100, height: 100, alignment: .center).foregroundColor(Color.red).scaleEffect(CGSize(x: 0.9, y: 1.3), anchor: .leading).border(Color.gray)

实战代码