嘿，我来帮你搞定这个头像显示的糟心事！咱们一步步拆解问题，再给你具体的代码调整方案：

问题根源分析 #

你遇到的这两个问题，大概率和这几个点有关：

• UIImageView的显示模式没配置对：默认的contentMode会让图片拉伸或缩小，不适合头像的裁剪展示
• 选图时拿到的是缩略图而非原图：导致图片本身分辨率不够，放大或重启后失真
• 保存/读取图片的方式有问题：比如过度压缩图片，或者读取时没有保持正确的缩放逻辑
• 初始状态没有占位处理：空白的头像体验自然不好

具体解决方案 #

1. 先把UIImageView的基础配置拉满 #

头像的显示核心是让图片按比例填充，超出部分裁剪，同时保证圆角（如果需要）。在viewDidLoad或者初始化imageView的地方加上这些设置：

func setupAvatarImageView() {
    // 核心：按比例填充，裁剪超出部分
    avatarImageView.contentMode = .scaleAspectFill
    avatarImageView.clipsToBounds = true
    
    // 如果是圆形头像，设置圆角（记得先给imageView固定宽高约束）
    avatarImageView.layer.cornerRadius = avatarImageView.bounds.width / 2
    avatarImageView.layer.masksToBounds = true
    
    // 初始状态设置占位图（提前准备一张defaultAvatar图片放进Assets）
    avatarImageView.image = UIImage(named: "defaultAvatar")
}

⚠️ 重要：一定要给你的avatarImageView设置固定的宽高约束（比如80x80），避免它的frame随父视图变化导致图片显示异常。

2. 选图时获取原图并裁剪适配头像尺寸 #

用UIImagePickerController选图时，别拿缩略图，要拿原始图片，然后裁剪成和头像尺寸匹配的大小，避免后续缩放失真：

// UIImagePickerController代理方法
func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [UIImagePickerController.InfoKey : Any]) {
    picker.dismiss(animated: true)
    
    // 获取原始图片，别用editedImage或者缩略图
    guard let originalImage = info[.originalImage] as? UIImage else {
        print("获取图片失败")
        return
    }
    
    // 裁剪图片到头像的尺寸
    let targetSize = avatarImageView.bounds.size
    let croppedAvatar = cropImage(to: targetSize, image: originalImage)
    
    // 设置到imageView
    avatarImageView.image = croppedAvatar
    
    // 保存裁剪后的图片到本地（用UserDefaults简单存储，量大的话建议存Documents）
    if let imageData = croppedAvatar.pngData() {
        UserDefaults.standard.set(imageData, forKey: "SavedAvatar")
    }
}

// 图片裁剪辅助方法
func cropImage(to targetSize: CGSize, image: UIImage) -> UIImage {
    // 计算缩放比例，保证图片能覆盖目标尺寸
    let scale = max(targetSize.width / image.size.width, targetSize.height / image.size.height)
    let scaledImageSize = CGSize(width: image.size.width * scale, height: image.size.height * scale)
    
    // 计算裁剪偏移量，让图片居中
    let xOffset = (scaledImageSize.width - targetSize.width) / 2
    let yOffset = (scaledImageSize.height - targetSize.height) / 2
    
    // 开始裁剪
    UIGraphicsBeginImageContextWithOptions(targetSize, false, 0)
    image.draw(in: CGRect(x: -xOffset, y: -yOffset, width: scaledImageSize.width, height: scaledImageSize.height))
    let croppedImage = UIGraphicsGetImageFromCurrentImageContext() ?? image
    UIGraphicsEndImageContext()
    
    return croppedImage
}

3. 重启APP后正确读取保存的头像 #

在viewDidLoad里读取之前保存的图片，同样要保证imageView的配置已经生效：

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 先初始化imageView配置
    setupAvatarImageView()
    
    // 读取保存的头像
    if let avatarData = UserDefaults.standard.data(forKey: "SavedAvatar"), let savedAvatar = UIImage(data: avatarData) {
        avatarImageView.image = savedAvatar
    }
    // 如果没有保存的图片，会显示之前设置的占位图
}

额外注意点 #

• 别用jpegData(compressionQuality:)保存头像，JPEG是有损压缩，会导致图片失真缩小，用pngData()更稳妥
• 如果你的头像需要支持不同分辨率的屏幕，裁剪时可以把targetSize乘以UIScreen.main.scale，保证高清显示
• 测试时记得清理之前保存的错误图片数据，避免旧数据干扰

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