欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

SwiftUI 绘图与动画之图形变换动画AnimationPair(教程含源码)

程序员文章站 2022-03-16 16:13:33
...

SwiftUI 实战之AnimationPair对形状进行动画处理

本文价值与收获

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

SwiftUI 绘图与动画之图形变换动画AnimationPair(教程含源码)

Shape

我们可以使用Shape类型的结构和绘制正方形并返回它的路径函数开始创建正方形:

import SwiftUI

struct ContentView: View {
    @State private var color = Color.blue
    var body: some View {
        GeometryReader { geo in
            ZStack{
                Color.gray.opacity(0.4).edgesIgnoringSafeArea(.all)
                VStack{
                    MyShape()
                        .fill(self.color)
                        .frame(width:geo.size.width*0.6,height: geo.size.width * 0.6)
                }
            }
            
        }
        
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {