iOS开发：自定义UIButton在模拟器中无法显示问题求助

我编写了如下代码来创建并布局两个UIButton：

// Create the left UIButton
let leftButton = UIButton(type: .system)
leftButton.setImage(UIImage(named: "thumbsup"), for: .normal) // Replace with your left button image name
leftButton.translatesAutoresizingMaskIntoConstraints = false

// Create the right UIButton
let rightButton = UIButton(type: .system)
rightButton.setImage(UIImage(named: "thumbsdown"), for: .normal) // Replace with your right button image name
rightButton.translatesAutoresizingMaskIntoConstraints = false

innerView.addSubview(leftButton)
innerView.addSubview(rightButton)

// Set constraints for the labels and buttons
NSLayoutConstraint.activate([
    
    // Constraints for the left button
    leftButton.bottomAnchor.constraint(equalTo: innerView.bottomAnchor, constant: -20),
    leftButton.leadingAnchor.constraint(equalTo: innerView.leadingAnchor, constant: 40),
    leftButton.widthAnchor.constraint(equalToConstant: 50), // Adjust the width as needed
    leftButton.heightAnchor.constraint(equalToConstant: 50), // Adjust the height as needed
    
    // Constraints for the right button
    rightButton.bottomAnchor.constraint(equalTo: innerView.bottomAnchor, constant: -20),
    rightButton.trailingAnchor.constraint(equalTo: innerView.trailingAnchor, constant: -40),
    rightButton.widthAnchor.constraint(equalToConstant: 50), // Adjust the width as needed
    rightButton.heightAnchor.constraint(equalToConstant: 50) // Adjust the height as needed
])

但运行模拟器时，左右两个按钮均无法显示，请问原因是什么？

• 图片资源未正确配置：先确认thumbsup、thumbsdown两张图片已经添加到项目的Assets.xcassets中，且命名完全匹配（iOS区分文件名大小写）。如果图片缺失或命名错误，按钮会因无内容而不可见。可以临时给按钮设置背景色（比如leftButton.backgroundColor = .red），若能看到色块，即可确定是图片问题。

• innerView自身布局异常：按钮的显示依赖于innerView的正确布局。如果innerView未设置有效约束（比如未绑定父视图的边距，或宽高为0），或其位置超出屏幕范围，按钮自然无法显示。检查innerView的translatesAutoresizingMaskIntoConstraints是否设为false，且已添加足够的布局约束。

• 系统按钮图片渲染模式问题：.system类型的UIButton默认将图片以模板模式渲染，若图片本身颜色与背景色接近（比如白色图片配浅色背景），会导致按钮不可见。可以修改图片渲染模式为原始模式：

leftButton.setImage(UIImage(named: "thumbsup")?.withRenderingMode(.alwaysOriginal), for: .normal)
rightButton.setImage(UIImage(named: "thumbsdown")?.withRenderingMode(.alwaysOriginal), for: .normal)

• 约束导致按钮出界：虽然给按钮添加了约束，但如果innerView的布局使得按钮位置超出屏幕（比如innerView的底部未与父视图绑定，导致innerView整体在屏幕外），按钮也会不可见。可以打开Xcode的Debug View Hierarchy功能，直观查看按钮的位置、大小和层级关系，快速定位问题。

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