zl程序教程

您现在的位置是:首页 >  工具

当前栏目

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

动画源码教程 SwiftUI 图形 绘图 变换
2023-09-11 14:18:47 时间

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

本文价值与收获

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

Jietu20200719-153713.gif

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 v