快速将 CAShapelayer 转换为特定大小

Question

我正在尝试制作一个带有贝塞尔路径的 CAShapeLayer，其中包含一个视图（当然，它是动画的）。我知道我可以使用 CATransform3DMakeScale(, , ) 更改路径的大小，但这不允许我将路径设为精确大小（以磅为单位）。

有人知道怎么做吗？

Answer 1

您可以使用良好的老式数学来做到这一点。

简单的解决方案

换一种说法：你有一个大小的东西（路径/形状层），你想缩放它，使它变成另一个大小。

要知道您想沿 X 和 Y （分别）缩放多少，您将要适应的尺寸除以当前尺寸。您可以使用

获取路径的边界框

let boundingBox = CGPathGetBoundingBox(path)

我假设您已经有了一些想要将其缩放到的大小（这里我叫我的 containingSize）。

使用这两个，您可以通过将要缩放到的维度除以要缩放的维度来计算两个比例因子

let xScaleFactor = containingSize.width  / boundingBox.width
let yScaleFactor = containingSize.height / boundingBox.height

使用这些，您可以创建所需的比例变换

let scaleTransform = CATransform3DMakeMakeScale(xScaleFactor, yScaleFactor, 1.0)

缩放这个形状层

使用这两个比例因子，将缩放形状层以填充容器大小。如果容器大小与路径具有相同的纵横比，则一切都将按预期显示。否则，缩放后的图层将显示为拉伸状态。

拟合而不是填充

这个问题（除非它是你想要的）可以通过计算一个统一的比例因子来解决，即两者中较小的一个，这样缩放的路径适合容器而不是填充它。

我们通过找出最受约束的比例因子来做到这一点，然后将其应用于 X 和 Y

let boundingBoxAspectRatio = boundingBox.width/boundingBox.height
let viewAspectRatio = containingSize.width/containingSize.height

let scaleFactor: CGFloat
if (boundingBoxAspectRatio > viewAspectRatio) {
    // Width is limiting factor
    scaleFactor = containingSize.width/boundingBox.width
} else {
    // Height is limiting factor
    scaleFactor = containingSize.height/boundingBox.height
}

let scaleTransform = CATransform3DMakeMakeScale(scaleFactor, scaleFactor, 1.0)

这将在不改变纵横比的情况下缩放路径

缩放图层还是缩放路径？

您可能还注意到，随着形状图层的缩放，线宽也随之缩放，就像是图像一样。缩放图层和缩放路径是有区别的。

如果您只希望它显示为形状图层的路径被缩放，那么您应该缩放路径而不是图层。您可以通过创建一个已转换的新路径并将 that 路径与您的形状层一起使用来实现此目的。请注意，缩放因子仍然是使用未缩放路径的边界框计算的。

var affineTransform = CGAffineTransformMakeScale(scaleFactor, scaleFactor)
let transformedPath = CGPathCreateCopyByTransformingPath(path, &affineTransform)
yourShapeLayer.path = transformedPath

这将放大路径，而不影响形状图层的线宽等。