Как изменить размер / исправить ограничения для круга на телефоне XR

Question

Моя фотография для профиля пользователя выглядит хорошо (круг) на старых версиях, но выглядит как овал на телефоне моего друга XR. Я не уверен почему. Ниже приведены фотографии ограничений раскадровки и мой код для ограничений.

Рисунок профиля овальной формы Раскадровка ограничений

@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

Проблема в ваших ведущих и конечных ограничениях. Если вы хотите, чтобы объект был центрирован, выровняйте его по ограничению центра х вида. Еще одна полезная привычка - добавлять ограничение соотношения сторон 1: 1 к любому объекту, который вы хотите отобразить как идеальный круг.

Answer 2

Вы даете ему противоречивые ограничения. Задавая ширину, а также начальные и конечные смещения, нужно что-то придавать, когда экран шире (на XR). Авто макет явно выбирает, чтобы разорвать ограничение ширины.

Я бы предложил избавиться от лидирующих и конечных ограничений и центрировать изображение профиля в представлении.