Question

感觉好像我缺少一些简单的东西，但是我无法弄清楚。我试图以编程方式在按钮上添加图像。在这种情况下，自定义按钮上有一个Facebook徽标。我希望底部位于按钮的左侧，因此我将图像的约束锚定到按钮的左侧。

但是，由于按钮的大小取决于电话屏幕的大小（设置为倍增器的宽度），因此我无法对图像施加正确的约束。我以为只要将图像内容模式设置为适合宽高比就可以解决这个问题，但是实际发生的是图像的右侧是根据其全尺寸设置的。

我该如何处理？我以为也许我可以计算按钮的高度，然后使用它来设置图像的宽度。我不确定该怎么做，而且感觉就像我错过了一个更优雅的解决方案。谢谢！

let customFacebookButton = UIButton(type: .system)

let facebookLogo: UIImageView = {
    let imageView = UIImageView(image: UIImage(named: "facebookLogo"))
        imageView.translatesAutoresizingMaskIntoConstraints = false
        imageView.contentMode = .scaleAspectFit
        return imageView
    }()

view.addSubview(facebookLogo)

facebookLogo.topAnchor.constraint(equalTo: customFacebookButton.topAnchor, constant: 10).isActive = true
facebookLogo.bottomAnchor.constraint(equalTo: customFacebookButton.bottomAnchor, constant: -10).isActive = true
facebookLogo.leadingAnchor.constraint(equalTo: customFacebookButton.leadingAnchor, constant: 10).isActive = true


// Custom Button Constraints in case it's helpful

customFacebookButton.topAnchor.constraint(equalTo: 
loginTextViewTitle.bottomAnchor, constant: 30).isActive = true
customFacebookButton.centerXAnchor.constraint(equalTo: view.safeAreaLayoutGuide.centerXAnchor).isActive = true
customFacebookButton.heightAnchor.constraint(equalToConstant: 50).isActive = true
customFacebookButton.widthAnchor.constraint(equalTo: view.safeAreaLayoutGuide.widthAnchor, multiplier: 0.8).isActive = true

Answer 1

您可以计算徽标的长宽比，并将其与图像的高度结合使用

if let image = facebookLogo.image
{
    let ratio = image.size.width / image.size.height
    facebookLogo.widthAnchor.constraint(equalTo: facebookLogo.heightAnchor, multiplier: ratio).isActive = true
}

这样，即使您调整按钮的大小，徽标的宽度也将以正确的比例调整大小

通过约束以编程方式在按钮上添加图像（快速）

1 个答案: