如何在StackView内的UIImageView底部叠加UILabel？

嘿，这事儿不难！要把UILabel叠加在那张带「DJI_0049」图的UIImageView底部，用Auto Layout就能完美实现，我给你拆解成具体步骤：

• 打开你的故事板，先往ViewController的根View里拖一个UIImageView，把它的图片设置成「DJI_0049」
• 接着拖一个UILabel到同一个根View里，先把它大致放在UIImageView的底部区域（不用精准，后面靠约束固定）
• 重点：在故事板左侧的Document Outline里，把Label拖到UIImageView的上方——这样Label才会显示在图片的上层，不会被挡住

先给UIImageView设置好基础约束（比如居中对齐、固定宽高，或者和父View的边距约束，根据你的布局需求来），然后给Label设置以下约束，实现叠加在图片底部的效果：

• Label的左边缘和UIImageView的左边缘对齐（Leading Edge to Leading Edge）
• Label的右边缘和UIImageView的右边缘对齐（Trailing Edge to Trailing Edge）
• Label的底部边缘和UIImageView的底部边缘对齐（Bottom Edge to Bottom Edge）
• 给Label设置一个固定高度（比如28、32，根据你想要的文字区域大小调整）

如果想让文字更清晰，建议给Label设置半透明背景色（比如黑色+0.5透明度），文字颜色改成白色，这样叠加在图片上可读性更强。

如果你习惯纯代码布局，也可以这么写（以Swift为例）：

// 创建并配置UIImageView
let imageView = UIImageView(image: UIImage(named: "DJI_0049"))
imageView.translatesAutoresizingMaskIntoConstraints = false
view.addSubview(imageView)

// 创建并配置叠加的Label
let overlayLabel = UILabel()
overlayLabel.text = "这里放你的文字内容"
overlayLabel.textColor = .white
overlayLabel.backgroundColor = UIColor.black.withAlphaComponent(0.5)
overlayLabel.textAlignment = .center
overlayLabel.translatesAutoresizingMaskIntoConstraints = false
view.addSubview(overlayLabel)

// 激活约束
NSLayoutConstraint.activate([
    // 先设置UIImageView的布局（示例为居中+固定宽高）
    imageView.centerXAnchor.constraint(equalTo: view.centerXAnchor),
    imageView.centerYAnchor.constraint(equalTo: view.centerYAnchor),
    imageView.widthAnchor.constraint(equalToConstant: 300),
    imageView.heightAnchor.constraint(equalToConstant: 200),
    
    // 设置Label叠加在图片底部的约束
    overlayLabel.leadingAnchor.constraint(equalTo: imageView.leadingAnchor),
    overlayLabel.trailingAnchor.constraint(equalTo: imageView.trailingAnchor),
    overlayLabel.bottomAnchor.constraint(equalTo: imageView.bottomAnchor),
    overlayLabel.heightAnchor.constraint(equalToConstant: 30)
])

这样就能完美实现你要的「Label叠加在UIImageView底部」的效果啦！

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