如何在自定义Layout中实现UIImageView的scaleAspectFill效果？

方案1：封装可复用的AspectFillImage视图 #

这是最直接且可复用的方式，把scaleAspectFill的逻辑封装成独立视图，每次使用时直接调用即可，无需重复写GeometryReader：

struct AspectFillImage: View {
    private let image: Image
    private let alignment: Alignment
    
    init(_ image: Image, alignment: Alignment = .center) {
        self.image = image
        self.alignment = alignment
    }
    
    var body: some View {
        image
            .resizable()
            .scaledToFill()
            .alignmentGuide(.top) { $0[self.alignment.vertical] }
            .alignmentGuide(.leading) { $0[self.alignment.horizontal] }
            .frame(maxWidth: .infinity, maxHeight: .infinity)
            .clipped()
    }
}

// 使用方式
AspectFillImage(Image("your-image"))
// 或指定对齐方式
AspectFillImage(Image("your-image"), alignment: .topLeading)

这个视图会自动填满父容器分配的空间，按图片原始比例缩放，超出部分裁剪，完全匹配UIImageView的scaleAspectFill效果，而且不需要依赖外部的GeometryReader或硬编码尺寸。

方案2：利用背景修饰符快速实现 #

如果只是临时场景，不想封装视图，可以用background配合clipped快速实现：

// 在自定义Layout的子视图中这样写
Color.clear
    .background(
        Image("your-image")
            .resizable()
            .scaledToFill()
    )
    .clipped()

原理是让透明的Color占满布局分配的空间，背景里的图片按比例填充后被裁剪，效果和scaleAspectFill一致。

方案3：在自定义Layout中优化子视图尺寸计算 #

如果你的自定义Layout需要更深度的适配，可以在Layout的实现逻辑中，针对Image类型的子视图计算符合aspectFill的尺寸：

1. 首先在自定义Image视图中存储图片的原始比例（需要通过UIImage获取）：

struct AspectFillImage: View {
    let uiImage: UIImage
    let alignment: Alignment
    
    var image: Image { Image(uiImage: uiImage) }
    var aspectRatio: CGFloat { uiImage.size.width / uiImage.size.height }
    
    // ... 其余代码同方案1
}

2. 然后在你的自定义Layout的sizeThatFits方法中，为这类子视图计算合适的尺寸：

struct CustomLayout: Layout {
    func sizeThatFits(proposal: ProposedViewSize, subviews: Subviews, cache: inout ()) -> CGSize {
        // 原有布局尺寸计算逻辑
        var totalSize = CGSize.zero
        
        for subview in subviews {
            let subviewProposal: ProposedViewSize
            if let imageSubview = subview[AnyView.self] as? AspectFillImage {
                // 根据布局分配的空间和图片比例，计算aspectFill尺寸
                let targetWidth = proposal.width ?? .infinity
                let targetHeight = proposal.height ?? .infinity
                let targetRatio = targetWidth / targetHeight
                
                let scaledSize: CGSize
                if imageSubview.aspectRatio > targetRatio {
                    scaledSize = CGSize(width: targetWidth, height: targetWidth / imageSubview.aspectRatio)
                } else {
                    scaledSize = CGSize(width: targetHeight * imageSubview.aspectRatio, height: targetHeight)
                }
                subviewProposal = ProposedViewSize(scaledSize)
            } else {
                subviewProposal = proposal
            }
            
            let subviewSize = subview.sizeThatFits(subviewProposal)
            // 累加尺寸到totalSize（根据你的布局逻辑调整）
            totalSize.width += subviewSize.width
            totalSize.height = max(totalSize.height, subviewSize.height)
        }
        
        return totalSize
    }
    
    // placeSubviews方法按原有逻辑实现即可
}

这种方式适合需要自定义Layout和Image深度配合的场景，但实现复杂度稍高。

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