Swift Playgrounds添加居中ImageView失败：求图片放置位置及正确代码

嘿，我之前在Swift Playgrounds里折腾居中图片的时候也踩过同样的坑！咱们一步步把问题解决：

在Swift Playgrounds里，图片资源必须放在左侧导航栏的「Resources」文件夹里：

• 如果你用的是Mac版Playgrounds：直接把图片拖到左侧的Resources文件夹，或者右键点击Resources → 「Add Files...」选择你的图片，记得勾选「Copy items if needed」。
• 如果你用的是iPad版Playgrounds：打开项目后点击右上角的「+」按钮，选择「添加图像」，从相册或文件里选中你的图片即可。

⚠️ 重点：文件名必须完全匹配代码里的名称，包括大小写！比如代码里写的是"egg.png"，那图片文件就不能叫"Egg.png"或者"egg.PNG"，不然会加载失败。

你之前的代码有几个问题：图片可能没加载到、直接设frame把图片放在了左上角，而且可能没把视图绑定到Playground的live view上。试试下面的代码，我已经帮你修正了所有问题：

import UIKit
import PlaygroundSupport

// 创建一个基础视图作为容器
let mainView = UIView(frame: CGRect(x: 0, y: 0, width: 320, height: 480))
mainView.backgroundColor = .white // 给个背景色方便看效果

// 尝试加载图片
if let eggImage = UIImage(named: "egg.png") {
    let imageView = UIImageView(image: eggImage)
    // 让图片保持比例，不会拉伸变形
    imageView.contentMode = .scaleAspectFit
    // 关闭自动转换约束，这样才能用Auto Layout来居中
    imageView.translatesAutoresizingMaskIntoConstraints = false
    
    mainView.addSubview(imageView)
    
    // 添加Auto Layout约束，让图片完美居中并设置尺寸
    NSLayoutConstraint.activate([
        imageView.centerXAnchor.constraint(equalTo: mainView.centerXAnchor),
        imageView.centerYAnchor.constraint(equalTo: mainView.centerYAnchor),
        imageView.widthAnchor.constraint(equalToConstant: 100),
        imageView.heightAnchor.constraint(equalToConstant: 100)
    ])
} else {
    // 如果图片加载失败，打印提示帮你排查问题
    print("⚠️ 找不到图片！检查：1. 图片是否在Resources文件夹里；2. 文件名是否完全匹配（包括大小写）")
}

// 把视图设置为Playground的实时视图，这样才能看到效果
PlaygroundPage.current.liveView = mainView

• 可能图片没在Resources里，导致UIImage(named: "egg.png")返回了nil，imageView自然显示不出来；
• 你设置的frame = CGRect(x: 0, y: 0, ...)是把图片放在了视图的左上角，不是居中；
• 缺少PlaygroundPage.current.liveView = view这一行，Playground根本不会展示你的视图！

• 如果是iPad版Playgrounds，有时候添加图片后需要重启一下项目才能加载到；
• 图片格式尽量用PNG或JPG，Playgrounds对一些特殊格式的图片可能支持不好。

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