SwiftUI中多UIBezierPath单视图内的缩放与居中排布实现

这个偏移和二次贝塞尔曲线没有关系，本质是坐标变换逻辑缺失：
你通过合并路径拿到的所有形状公共包围盒pathBounds，几乎从来不会刚好以(0,0)为原点——如果直接基于这个包围盒算缩放比例、不做坐标对齐，缩放后的路径会保留原始全局坐标系下的坐标偏移，哪怕你手动算好了视图的等比尺寸，路径也不会从给定rect的起始位置开始渲染，最终就会出现偏离中心、甚至跑出可视区域的问题。
之前直线形状的示例看起来正常，纯粹是因为你的路径刚好有一个从(0,0)点开始绘制，计算出来的平移量刚好为0，换个所有路径起点都不在(0,0)的场景，不管是直线还是曲线，偏移一定会出现。
你最后自行补上的「坐标平移」逻辑，刚好补上了这步缺失的变换：把所有路径的坐标向西北方向偏移，直到公共包围盒的左上角对齐到(0,0)点，此时再做等比缩放，渲染结果就会完全适配视图范围。

1. 公共包围盒计算逻辑 #

这部分你之前写的逻辑是正确的，不需要修改：

extension UIBezierPath {
    /// 计算一组路径在原始坐标系下的公共包围盒
    static func combinedBounds(for paths: [UIBezierPath]) -> CGRect {
        let combinedPath = UIBezierPath()
        paths.forEach { combinedPath.append($0) }
        return combinedPath.bounds
    }
}

注：UIBezierPath的bounds属性本身就会把贝塞尔曲线的控制点范围计入边界，不存在控制点导致边界计算不准的问题。

2. 带自动适配的路径Shape实现 #

按照你修正后的变换逻辑，把Shape的渲染流程标准化：

struct ScaledBezierShape: Shape {
    let sourcePath: UIBezierPath
    let commonBounds: CGRect

    func path(in rect: CGRect) -> Path {
        // 计算等比缩放比例：取宽高适配的最小值，保证形状不被拉伸
        let scaleX = rect.width / commonBounds.width
        let scaleY = rect.height / commonBounds.height
        let scale = min(scaleX, scaleY)
        
        // 第一步：平移对齐——把公共包围盒的原点移到(0,0)
        let alignedPath = Path(sourcePath.cgPath)
            .applying(CGAffineTransform(
                translationX: -commonBounds.origin.x,
                y: -commonBounds.origin.y
            ))
        
        // 第二步：等比缩放
        return alignedPath.applying(CGAffineTransform(scaleX: scale, y: scale))
    }
}

3. 可直接复用的视图封装 #

按照你想要的调用方式，封装成自动居中、自动等比适配的视图：

struct AutoFitPathsView: View {
    private let paths: [UIBezierPath]
    private let commonBounds: CGRect

    init(paths: [UIBezierPath]) {
        self.paths = paths
        // 初始化时预计算公共包围盒，避免重复计算
        self.commonBounds = UIBezierPath.combinedBounds(for: paths)
    }

    var body: some View {
        ZStack {
            ForEach(0..<paths.count, id: \.self) { index in
                ScaledBezierShape(
                    sourcePath: paths[index],
                    commonBounds: commonBounds
                )
                .fill()
            }
        }
        // 利用SwiftUI原生的aspectRatio实现自动等比适配、居中
        .aspectRatio(
            CGSize(width: commonBounds.width, height: commonBounds.height),
            contentMode: .fit
        )
    }
}

使用方式 #

完全匹配你预期的调用逻辑，只需要设置单边的frame尺寸，系统会自动按比例算出另一边的大小，所有形状自动居中：

AutoFitPathsView(paths: [squareA, squareB])
    .frame(width: 200)

• 变换顺序不能错：必须先平移对齐，再做缩放，如果顺序反过来，平移量是基于原始坐标系计算的，缩放后偏移量会被放大，还是会出现位置不对的问题
• 不需要手动计算frame的高度：用SwiftUI原生的aspectRatio(contentMode: .fit)即可，系统会自动处理居中，不会出现单侧留白过多的问题
• 不需要针对曲线形状做特殊处理：无论是直线、矩形还是贝塞尔曲线，这套坐标变换逻辑都通用

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