如何将656×656的CALayer等比例缩放到320×480的UIView中？

你遇到的核心问题是直接把layer的bounds设为了view的320×480尺寸，而原内容是656×656的正方形，contentsGravity的缩放逻辑是基于layer的bounds来计算的，自然会出现拉伸或裁切的异常。要实现等比例缩小且完整显示，我们需要先算出适配view的合理layer尺寸，再让它居中布局。

具体解决方案步骤 #

• 锁定内容比例：你的内容是1:1的正方形，所以无论怎么缩放，比例要保持不变。
• 计算适配view的最大正方形尺寸：view宽320、高480，宽度是限制因素，所以最大可显示的正方形边长为320px（保证内容完整不超出view宽度）。
• 调整layer的bounds与位置：让layer保持正方形尺寸，再居中放置在view内。

代码实现 #

// 获取目标view的边界
CGRect viewBounds = view.bounds;
// 原内容的宽高比（这里是1:1，因为是正方形）
CGFloat contentAspectRatio = 656.0 / 656.0;

// 计算适配后的layer尺寸
CGFloat targetLayerWidth = viewBounds.size.width;
CGFloat targetLayerHeight = targetLayerWidth / contentAspectRatio;

// 若计算出的高度超过view高度，切换以view高度为基准重新计算
if (targetLayerHeight > viewBounds.size.height) {
    targetLayerHeight = viewBounds.size.height;
    targetLayerWidth = targetLayerHeight * contentAspectRatio;
}

// 设置layer的边界
layer.bounds = CGRectMake(0, 0, targetLayerWidth, targetLayerHeight);
// 将layer定位在view的中心
layer.position = CGPointMake(CGRectGetMidX(viewBounds), CGRectGetMidY(viewBounds));
// 保持内容比例缩放，这里用kCAGravityResizeAspect即可（因为layer本身已经是适配后的尺寸）
layer.contentsGravity = kCAGravityResizeAspect;

// 额外优化：如果layer内容是CGImage，记得设置contentsScale适配屏幕分辨率
layer.contentsScale = [UIScreen mainScreen].scale;

为什么之前的设置会异常？ #

当你把layer的bounds设为320×480时：

• kCAGravityResizeAspectFill会让正方形内容按比例填充整个320×480区域，此时内容高度会被拉到480，但为了保持1:1比例，宽度会超出view的320范围，视觉上就会像纵向拉伸；
• kCAGravityResizeAspect会让内容缩到宽度320、高度320，在480高的view里上下会留空白，内容本身其实没有拉伸——你觉得横向拉伸可能是视觉错觉，或是contents的尺寸未正确配置。

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