SwiftUI中无需创建子视图如何实现Path动画？

可以实现，无需创建子视图或封装成Shape，以下两种方案都能满足需求：

方案1：利用trim修饰符（简洁高效） #

通过trim控制路径的可见比例，SwiftUI默认支持该参数的动画插值，直接修改原代码即可：

struct ContentView: View {
    @State private var end = 0.0
        
    var body: some View {
        VStack {
            Button("Press me") {
                withAnimation {
                    end += 100
                }
            }
           
            Path { path in
                path.move(to: .zero)
                // 先定义完整的目标路径
                path.addLine(to: CGPoint(x: 100, y: 100))
            }
            // 根据end值动态裁剪路径可见范围，限制比例在0-1之间
            .trim(from: 0, to: min(end / 100, 1.0))
            .stroke()
        }
    }
}

原理：trim(to:)接收0-1之间的比例值，SwiftUI会自动对这个值的变化进行动画插值，从而实现路径从起点到终点的平滑绘制效果。

方案2：使用内部AnimatableModifier（灵活适配复杂路径） #

如果需要路径随参数动态变化（而非固定终点），可以在ContentView内部定义一个私有AnimatableModifier，无需创建独立子视图：

struct ContentView: View {
    @State private var end = 0.0
    
    // 内部定义动画修饰符，无需外部子视图
    private struct PathAnimModifier: AnimatableModifier {
        var end: Double
        
        // 定义可动画数据，让SwiftUI知道如何插值
        var animatableData: Double {
            get { end }
            set { end = newValue }
        }
        
        func body(content: Content) -> some View {
            Path { path in
                path.move(to: .zero)
                path.addLine(to: CGPoint(x: end, y: end))
            }
            .stroke()
        }
    }
    
    var body: some View {
        VStack {
            Button("Press me") {
                withAnimation {
                    end += 100
                }
            }
            
            // 用透明占位视图承载修饰符
            Color.clear.modifier(PathAnimModifier(end: end))
        }
    }
}

原理：AnimatableModifier通过animatableData暴露可动画的参数，SwiftUI会在参数变化时自动插值，生成平滑的路径过渡动画。

为什么你之前的方案无效？ #

1. 让ContentView遵循Animatable协议：SwiftUI的动画系统需要精准定位到具体需要动画的视图属性，父视图的animatableData不会自动传递给内部的Path，Path的内容变化依然无法被识别为可插值的动画属性。
2. 直接给Path加.animation修饰符：Path是值类型，两个不同的Path实例之间没有默认的插值逻辑，SwiftUI无法自动生成过渡动画。

内容的提问来源于stack exchange，提问作者rayaantaneja