iOS开发：如何让自定义UIView的背景图片居中显示？

嘿，这个问题我之前踩过坑！你用UIColor(patternImage:)设置背景的方式，其实是把图片当成平铺的纹理图案来用的，UIView的contentMode属性根本管不了它——这就是为什么你怎么调contentMode都没法让图片居中的原因。

下面给你两种靠谱的解决方案，都能实现背景图片居中的效果：

方案一：使用CALayer作为背景层 #

这种方式直接操作图层，灵活性高，适合不需要频繁修改背景的场景：

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 先确保图片能正常加载
    guard let bgImage = UIImage(named: "mujer.jpg") else {
        print("图片加载失败")
        return
    }
    
    // 创建背景图层
    let bgLayer = CALayer()
    bgLayer.frame = ballView.bounds
    bgLayer.contents = bgImage.cgImage
    
    // 设置图片居中（保持原尺寸）
    bgLayer.contentsGravity = .center
    // 如果想要图片按比例缩放适配视图，改成下面这句
    // bgLayer.contentsGravity = .resizeAspect
    
    // 将图层放在最底层，避免遮挡ballView上的其他内容
    bgLayer.zPosition = -1
    
    // 添加到ballView的图层中
    ballView.layer.addSublayer(bgLayer)
    
    // 额外提醒：如果ballView的尺寸会动态变化，记得在它的layoutSubviews方法里更新bgLayer的frame
    // 比如可以给SpringView写个扩展或者子类重写layoutSubviews
}

方案二：添加UIImageView作为底层子视图 #

这种方式更直观，利用UIImageView的contentMode属性来控制图片显示，适配动态尺寸也更方便：

override func viewDidLoad() {
    super.viewDidLoad()
    
    guard let bgImage = UIImage(named: "mujer.jpg") else {
        print("图片加载失败")
        return
    }
    
    // 创建图片视图
    let bgImageView = UIImageView(image: bgImage)
    // 设置图片居中显示
    bgImageView.contentMode = .center
    // 如果需要按比例填充，可选.scaleAspectFit或.scaleAspectFill
    // bgImageView.contentMode = .scaleAspectFit
    
    // 关闭自动约束转换，改用AutoLayout
    bgImageView.translatesAutoresizingMaskIntoConstraints = false
    
    // 把图片视图插入到ballView的最底层，避免遮挡其他子视图
    ballView.insertSubview(bgImageView, at: 0)
    
    // 设置约束，让图片视图和ballView完全重合
    NSLayoutConstraint.activate([
        bgImageView.topAnchor.constraint(equalTo: ballView.topAnchor),
        bgImageView.leadingAnchor.constraint(equalTo: ballView.leadingAnchor),
        bgImageView.trailingAnchor.constraint(equalTo: ballView.trailingAnchor),
        bgImageView.bottomAnchor.constraint(equalTo: ballView.bottomAnchor)
    ])
}

为什么原来的方法无效？ #

再给你补个知识点：UIColor(patternImage:)生成的颜色，是把图片作为重复的纹理来绘制整个视图背景的，它的绘制逻辑和UIView自身的contentMode完全无关——不管你设置.center还是.scaleToFill，系统都会从视图的左上角开始平铺图片，所以自然没法实现居中效果啦。

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