ios - 如何在 XR 手机上调整圆圈大小/修复约束

Question

我的用户个人资料图片在旧版本上看起来不错(圆形)，但在我 friend 的 XR 手机上看起来像椭圆形。我不知道为什么。下面是 Storyboard约束的图片和我的约束代码。

Oval Shaped Profile Pic Storyboard constraints

@IBOutlet weak var profileButton: UIButton!var profile: Profile?
var imagePicker: UIImagePickerController!
var setImage = false

override func viewDidLoad() {
    super.viewDidLoad()
    profileButton.layer.cornerRadius = 0.5 * profileButton.bounds.size.width
    profileButton.clipsToBounds = true

    ProfileService.show { [weak self] (profile) in
        self?.profile = profile

        //display profile image and remove ninja default image
        if let imageURL = URL(string: (profile?.imageURL ?? "")) {
            if self?.setImage == false {
                DispatchQueue.main.async {
                    self?.profileButton.setImage(nil, for: .normal)
                    self?.profileButton.kf.setBackgroundImage(with: imageURL, for: .normal)
                    self?.profileButton.layer.borderWidth = 0.5
                    self?.profileButton.layer.borderColor = UIColor.lightGray.cgColor
                }
            }
        }else{
            let image = UIImage(named: "ninja")
            self?.profileButton.setImage(image, for: .normal)
        }...
    }
}

Answer 1

您给它的约束是相互冲突的。通过设置宽度以及前导和尾随偏移，当屏幕较宽时(在 XR 上)，必须做出一些调整。自动布局显然是选择打破宽度限制。

我建议摆脱前导和尾随约束，并将个人资料图片置于 View 的中心。