自定义UIView背景颜色设置无效的问题求助

我帮你揪出问题根源啦——你的自定义WelcomeScreenButtonView约束根本没把视图高度撑起来！你看setupConstraints里，不管是logoImage还是label，都只约束了顶部、左右方向，完全没给底部约束，也没设置子视图的高度。这直接导致整个自定义视图的高度为0，就算设置了背景色，自然也看不到啊！

另外你的便利初始化器还有个小细节问题：self.init()其实默认调用的是init(frame: .zero)，虽然在AutoLayout环境下影响不大，但写清楚会更规范。

下面是具体修复步骤：

1. 完善自定义视图的约束 #

修改setupConstraints方法，给logoImage设置固定高度，同时让label的底部约束到父视图底部，确保整个视图有完整的尺寸支撑：

func setupConstraints(){
    // 给logoImage设置固定高度，比如40，可根据需求调整
    logoImage.anchor(self.topAnchor, left: self.leftAnchor, bottom: nil, right: self.rightAnchor, 
                     topConstant: 0, leftConstant: 0, bottomConstant: 0, rightConstant: 0, 
                     widthConstant: 0, heightConstant: 40)
    // label底部约束到父视图底部，添加底部间距
    label.anchor(self.logoImage.bottomAnchor, left: self.leftAnchor, bottom: self.bottomAnchor, right: self.rightAnchor, 
                 topConstant: 10, leftConstant: 0, bottomConstant: 10, rightConstant: 0, 
                 widthConstant: 0, heightConstant: 0)
}

这样父视图的高度会被logoImage高度 + 上下间距 + label高度撑起来，背景色就能正常显示了。

2. 优化便利初始化器 #

把便利初始化器里的self.init()改成self.init(frame: .zero)，代码逻辑更清晰：

public convenience init(text: String, imageName: String){
    self.init(frame: .zero)
    self.label.text = text
    self.logoImage.image = UIImage(named: imageName)?.withRenderingMode(.alwaysTemplate)
}

3. 确认栈视图配置 #

你的栈视图设置了heightConstant: 90没问题，distribution = .fillProportionally在单个子视图场景下会让子视图填满栈视图高度，只要自定义视图约束正确，就不会有问题。后续添加多个子视图时，再根据需求调整distribution即可。

现在重新运行代码，蓝色背景应该就能正常显示啦！

内容的提问来源于stack exchange，提问作者Emre Önder