Làm cách nào để tôi có thể thiết lập các ràng buộc tỷ lệ khung hình trong iOS?

Tôi đã sử dụng bố cục tự động cho bộ điều khiển chế độ xem của mình. Tôi đã đặt các vị trí V và H trong các ràng buộc, nhưng tôi muốn biết làm cách nào để tăng kích thước nút của mình khi nó thay đổi thành 5s, 6 và 6 Plus. Đây là cách tôi thêm các ràng buộc cho nút đăng nhập:

NSArray *btncon_V=[NSLayoutConstraint constraintsWithVisualFormat:@"V:[btnLogin(40)]" options:0 metrics:nil views:viewsDictionary];
[btnLogin addConstraints:btncon_V];

NSArray *btncon_POS_H=[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-100-[btnLogin]-100-|" options:0 metrics:nil views:viewsDictionary];
[self.view addConstraints:btncon_POS_H];


NSArray *btncon_POS_V=[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-70-[Title]-130-[lblFirst]-0-[lblSecond]-20-[textusername]-10-[txtpassword]-10-[btnLogin]" options:0 metrics:nil views:viewsDictionary];

[self.view addConstraints:btncon_POS_V];

Nhưng vấn đề của tôi là trong khi nó quản lý khoảng cách bên trái và bên phải, nó đang bị kéo dài trong iPhone 6 và 6 Plus vì chiều cao được cố định. Làm thế nào để tôi có thể tăng kích thước theo kích thước màn hình? Tôi nghĩ đây có thể là tỷ lệ khung hình, nhưng làm cách nào để đặt giới hạn tỷ lệ khung hình trong mã?

Như thế này. Thử một lần.

[self.yourview setTranslatesAutoresizingMaskIntoConstraints:NO];
[self.yourview addConstraint:[NSLayoutConstraint
                                  constraintWithItem:self.yourview
                                  attribute:NSLayoutAttributeHeight
                                  relatedBy:NSLayoutRelationEqual
                                  toItem:self.yourview
                                  attribute:NSLayoutAttributeWidth
                                  multiplier:(self.yourview.frame.size.height / self.yourview.frame.size.width)
                                  constant:0]];

hoặc ở vị trí của (self.yourview.frame.size.height / self.yourview.frame.size.width)bạn có thể sử dụng bất kỳ giá trị float nào. Cảm ơn.

Swift 3.0 -

self.yourview!.translatesAutoresizingMaskIntoConstraints = false
self.yourview!.addConstraint(NSLayoutConstraint(item: self.yourview!,
                                          attribute: NSLayoutAttribute.height,
                                          relatedBy: NSLayoutRelation.equal,
                                          toItem: self.yourview!,
                                          attribute: NSLayoutAttribute.width,
                                          multiplier: self.yourview.frame.size.height / self.yourview.frame.size.width,
                                          constant: 0))

Layout Anchors là cách thuận tiện nhất để thiết lập các ràng buộc theo chương trình.

Giả sử bạn muốn đặt tỷ lệ co 5: 1 cho nút của mình thì bạn nên sử dụng:

button.heightAnchor.constraint(equalTo: button.widthAnchor, multiplier: 1.0/5.0).isActive = true

Đây là mã đầy đủ:

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        let button = UIButton(type: .custom)
        button.setTitle("Login", for: .normal)
        button.backgroundColor = UIColor.darkGray

        self.view.addSubview(button)

        button.translatesAutoresizingMaskIntoConstraints = false

        let margins = view.layoutMarginsGuide

        button.leadingAnchor.constraint(equalTo: margins.leadingAnchor, constant: 20.0).isActive = true
        button.trailingAnchor.constraint(equalTo: margins.trailingAnchor, constant: -20.0).isActive = true
        button.bottomAnchor.constraint(equalTo: margins.bottomAnchor, constant: -20.0).isActive = true
        button.heightAnchor.constraint(equalTo: button.widthAnchor, multiplier: 1.0/5.0).isActive = true
    }

}

Đây là kết quả đạt được với đoạn mã được viết ở trên. Bạn có thể thấy nút đó giữ tỷ lệ khung hình 5: 1 trên các thiết bị khác nhau:

Swift 3:

yourView.addConstraint(NSLayoutConstraint(item: yourView,
                                          attribute: .height,
                                          relatedBy: .equal,
                                          toItem: yourView,
                                          attribute: .width,
                                          multiplier: 9.0 / 16.0,
                                          constant: 0))

Bạn có thể đặt "Giới hạn chiều cao" tại thời điểm Thiết kế trong Trình tạo giao diện. Chỉ cần chọn '"Xóa tại thời điểm xây dựng" và nó sẽ xóa khi Ứng dụng chạy.

Sau đó, bạn có thể thêm ràng buộc "Tỷ lệ khung hình", ví dụ, trong phương thức viewDidLoad.

Trong Xamain.iOS cho "16: 9", nó trông như thế này:

    this.ImageOfTheDay.AddConstraint(NSLayoutConstraint.Create(
            this.ImageOfTheDay,
            NSLayoutAttribute.Height,
            NSLayoutRelation.Equal,
            this.ImageOfTheDay,
            NSLayoutAttribute.Width,
            9.0f / 16.0f,
            0));

Hoặc, như Mahesh Agrawal đã nói:

    [self.ImageOfTheDay addConstraint:[NSLayoutConstraint
                              constraintWithItem:self.ImageOfTheDay
                              attribute:NSLayoutAttributeHeight
                              relatedBy:NSLayoutRelationEqual
                              toItem:self.ImageOfTheDay
                              attribute:NSLayoutAttributeWidth
                              multiplier:(9.0f / 16.0f)
                              constant:0]];

Tiện ích mở rộng trình trợ giúp trên UIView

extension UIView {

    func aspectRation(_ ratio: CGFloat) -> NSLayoutConstraint {

        return NSLayoutConstraint(item: self, attribute: .height, relatedBy: .equal, toItem: self, attribute: .width, multiplier: ratio, constant: 0)
    }
}

Và cách sử dụng là:

view.aspectRation(1.0/1.0).isActive = true

Tôi đã thử tất cả các câu trả lời ở trên nhưng không hiệu quả và đây là giải pháp của tôi với swift 3:

let newConstraint = NSLayoutConstraint(item: yourView, attribute: .width, relatedBy: .equal, toItem: yourView, attribute: .height, multiplier: 560.0/315.0, constant: 0)
yourView.addConstraint(newConstraint)
NSLayoutConstraint.activate([newConstraint])  
NSLayoutConstraint.deactivate(yourView.constraints)
yourView.layoutIfNeeded()

Đối với khung nhìn, có những ràng buộc và cũng có những thuộc tính.

tỷ lệ khung hình là một thuộc tính của chế độ xem , vì vậy bạn có thể đặt nó bằng cách sử dụng chế độ nội dung, như vậy

imageView.contentMode = .scaleAspectFit

điều này sẽ đạt được rằng một chế độ xem không thay đổi tỷ lệ nếu chẳng hạn

• chiều cao hoặc chiều rộng lớn hơn sẽ phù hợp trên màn hình
• chiều cao được mã hóa cứng và do đó sẽ không thể thích ứng với các kích thước màn hình khác nhau.