To animate a path in the past I could do something like this:
let pathLayer = CAShapeLayer()
let pathAnimation = CABasicAnimation(keyPath: "strokeEnd")
pathLayer.path = path.cgPath
pathAnimation.duration = 0.3
pathAnimation.fromValue = 0
pathAnimation.toValue = 1
pathLayer.add(pathAnimation, forKey: "strokeEnd")
Using SwiftUI, I don't see a way to use CABasicAnimation. How would I animate the drawing of the following path, using SwiftUI?
struct AnimationView: View {
var body: some View {
GeometryReader { geo in
MyLines(height: geo.size.height, width: geo.size.width)
}
}
}
struct MyLines: View {
var height: CGFloat
var width: CGFloat
var body: some View {
ZStack {
Path { path in
path.move(to: CGPoint(x: 0, y: height/2))
path.addLine(to: CGPoint(x: width/2, y: height))
path.addLine(to: CGPoint(x: width, y: 0))
}
.stroke(Color.black, style: StrokeStyle(lineWidth: 5, lineCap: .round, lineJoin: .round))
}
}
}