SwiftUI 简单的三点旋转加载动画效果

ZStack {
//            创建三个圆点
    Circle()
        .fill(color)
        .frame(height: frame.height)
        .offset(y: isLoading ? -frame.height : 0)
    Circle()
        .fill(color)
        .frame(height: frame.height)
        .offset(x: isLoading ? -frame.height : 0)
        .offset(y: isLoading ? frame.height : 0)
    Circle()
        .fill(color)
        .frame(height: frame.height)
        .offset(x: isLoading ? frame.height : 0)
        .offset(y: isLoading ? frame.height : 0)
}
//        为上面的偏移效果添加线性动画、来回循环执行
.animation(Animation.easeInOut(duration: timing).repeatForever(autoreverses: true), value: isLoading)
.frame(width: frame.width, height: frame.height, alignment: .center)
//        旋转360度
.rotationEffect(Angle(degrees: isLoading ? 360 : 0))
//      为旋转添加动画、不倒放
.animation(Animation.easeInOut(duration: timing).repeatForever(autoreverses: false), value: isLoading)