SwiftUI中如何实现图片嵌套效果？

你当前的问题主要出在图片的缩放方式、尺寸约束和位置控制上，试试以下调整方案：

方案一：用ZStack精准控制层级 #

ZStack(alignment: .top) {
    // 背景图：填满容器并裁剪溢出部分
    Image("Background_Image")
        .resizable()
        .scaledToFill()
        .frame(width: 101, height: 107)
        .clipped()
    
    // 人物图：按比例适配，微调位置贴合背景嵌套区域
    Image("Person_Pic")
        .resizable()
        .scaledToFit()
        .frame(width: 95) // 仅设置宽度，高度自动按比例适配
        .offset(y: 6) // 根据目标效果微调垂直偏移量
        .clipped()
}

方案二：优化Overlay的使用方式 #

Image("Background_Image")
    .resizable()
    .scaledToFill()
    .frame(width: 101, height: 107)
    .clipped()
    .overlay(alignment: .top) {
        Image("Person_Pic")
            .resizable()
            .scaledToFit()
            .frame(width: 95)
            .offset(y: 6)
            .clipped()
    }

关键调整点： #

• 背景图改用scaledToFill替代scaledToFit，确保完全填满设定的frame，避免留白；配合clipped()裁剪超出容器的部分
• 人物图仅设置宽度，让高度按图片原始比例自动计算，避免强制高度导致的变形
• 指定对齐方式（.top）并微调offset(y:)的值，让人物图精准嵌入背景的嵌套区域
• 移除不必要的opacity设置（如果目标效果不需要半透明）

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