autolayout - tạo chiều cao của chế độ xem tương đối với một nửa chiều cao giám sát

gần đây đã bắt đầu tự động và tôi bị mắc kẹt với những gì có vẻ như là một ví dụ thực sự tầm thường. Tôi có một quan điểm rằng tôi muốn ngồi ở phía trên màn hình và chiếm một nửa chiều cao màn hình. Đơn giản trước khi tự động thanh toán - chỉ cần giải quyết nó tại chỗ và bảo nó mở rộng theo chiều dọc khi giám sát thay đổi kích thước.

Bây giờ, tôi không thể cho cuộc sống của tôi thấy làm thế nào để làm điều đó. Đây là những gì tôi nhận được khi tôi cố gắng thiết lập điều này:

Giới hạn không gian phía dưới được đặt thành "bằng 284", điều này hoàn toàn và hoàn toàn vô dụng đối với tôi khi tôi thay đổi bố cục iPhone4, vì nó giữ cho không gian 284 điểm ở dưới cùng của màn hình và thu nhỏ tầm nhìn xuống không còn một nửa kích thước của màn hình. Và không có cách nào để thiết lập ràng buộc đó bằng một phần nhỏ của chiều cao của bất kỳ chế độ xem nào khác ..

Sau khi vật lộn một lúc, cách duy nhất tôi có thể nghĩ để làm điều này là giới thiệu một góc nhìn khác bên dưới khung nhìn này, ghim chiều cao của chúng bằng nhau, để chúng ngồi phía trên và bên dưới nhau và sau đó đặt chế độ xem thứ hai (phía dưới) thành vô hình .. có vẻ hơi xấu xí!

Tôi có thiếu một cái gì đó rõ ràng? ..

Điều này hiện có thể có trong IB kể từ [ít nhất] Xcode 5.1.1. Mặc dù đôi khi tôi phải nhận ra rằng nó thực sự siêu đơn giản:

Đầu tiên tạo một ràng buộc căn chỉnh trên cùng cơ bản (bạn cũng sẽ cần thiết lập các ràng buộc dưới, trái và phải, như bình thường). Sau đó chọn ràng buộc và điều hướng đến thanh tra thuộc tính :

Sau đó, bạn có thể điều chỉnh hệ số nhân. Nếu bạn muốn nó 50% số lượt xem siêu hãy để nó ở 1, vì nó được căn chỉnh theo trung tâm của siêu. Đây cũng là một cách tuyệt vời để tạo các chế độ xem cũng là tỷ lệ phần trăm khác (như 25% siêu lượt xem)

Giải pháp Storyboard nơi bạn có thể đặt tỷ lệ chính xác giữa mọi chế độ xem:

Hiện nay:

LỢI NHUẬN!!!

PS Cũng lưu ý rằng phương pháp này hoạt động với các chế độ xem ở các mức lồng khác nhau và (rõ ràng) áp dụng cho chiều rộng

PPS đôi khi có thể hữu ích để "đảo ngược mục thứ nhất và mục thứ hai" của ràng buộc hoặc đặt hệ số nhân đảo ngược (ví dụ 2 thay vì 0,5) (nhưng các phương pháp này không hữu ích nếu bạn không hiểu cách các quan điểm liên quan với nhau).

Sau một thời gian nữa tôi đã nghĩ ra những điều sau.

Tôi nhận thấy đây là một câu trả lời nhưng nó không thỏa mãn lắm, vì nó cho rằng bạn thực sự không thể làm điều này trong Trình tạo giao diện, nhưng có thể thêm các ràng buộc chính xác vào mã sau đó như sau:

- (void) viewWillAppear:(BOOL)animated
{

    NSLayoutConstraint *constraint = [NSLayoutConstraint constraintWithItem:upperview
                                                                 attribute:NSLayoutAttributeHeight 
                                                                 relatedBy:0 
                                                                    toItem:self.view
                                                                 attribute:NSLayoutAttributeHeight
                                                                multiplier:.5 
                                                                  constant:0];
    [self.view addConstraint:constraint];

}

Về cơ bản, nó đặt hệ số nhân là 0,5 so với chiều cao của self.view, hoạt động trên upperview. Tôi đã phải đặt mức độ ưu tiên của ràng buộc không gian dọc dưới cùng trong IB xuống dưới 1000 để tránh một loạt các thông báo thời gian chạy về việc phá vỡ các ràng buộc.

Vì vậy, nếu bất cứ ai có thể chỉ ra cách thực hiện điều này trong Trình tạo giao diện, điều đó sẽ trả lời tốt hơn câu hỏi của tôi, nếu không tôi đoán điều này cũng tốt như bây giờ (bây giờ) ???

Hơi dễ dàng và dễ dàng hơn so với phương pháp so với câu trả lời của Fyodor Volchyok. -Nhấp nút điều khiển và bấm vào khung nhìn phụ. -Làm giữ nút lệnh, kéo con trỏ đến giám sát rồi bấm vào giám sát. -Chọn "Tỷ lệ khung hình".

-Sau đó bấm vào Trình kiểm tra kích thước. -Sau đó nhấp đúp chuột vào ràng buộc.

-Hãy chắc chắn rằng "chiều cao" được chọn cho cả hai mục.

-Sau đó thay đổi "Hệ số nhân" thành 0,5 cho một nửa màn hình hoặc bất kỳ phần nào của giám sát mà bạn mong muốn.

Ngoài ra tôi cũng có một khả năng khác trong mã trong trường hợp bạn có 2 chế độ xem cả hai nên có cùng chiều cao: chỉ cần đặt chiều cao của view2 thành chiều cao của view1 (mẹo ở đây không đặt rõ chiều cao của view1).

    [self.view addConstraints:[NSLayoutConstraint
        constraintsWithVisualFormat:@"V:[topLayoutGuide]-0-[_view1]-0-[_view2(==_view1)]-0-[bottomLayoutGuide]"
                            options:0
                            metrics:nil
                              views:viewsDict]];

Phiên bản Swift của câu trả lời của Mete:

    override func viewDidLoad() {
    super.viewDidLoad()
    // Do any additional setup after loading the view, typically from a nib.



    upperView.translatesAutoresizingMaskIntoConstraints = false


    var constraint = NSLayoutConstraint(item: upperView,
                                        attribute: NSLayoutAttribute.top,
                                        relatedBy: NSLayoutRelation.equal,
                                        toItem: self.view,
                                        attribute: NSLayoutAttribute.top,
                                        multiplier: 1,
                                        constant: 0)

    self.view.addConstraint(constraint)


    constraint = NSLayoutConstraint(item: upperView,
                                    attribute: NSLayoutAttribute.height,
                                    relatedBy: NSLayoutRelation.equal,
                                    toItem: self.view,
                                    attribute: NSLayoutAttribute.height,
                                    multiplier: 0.5,
                                    constant: 0)

    self.view.addConstraint(constraint)


    constraint = NSLayoutConstraint(item: upperView,
                                    attribute: NSLayoutAttribute.leading,
                                    relatedBy: NSLayoutRelation.equal,
                                    toItem: self.view,
                                    attribute: NSLayoutAttribute.leading,
                                    multiplier: 1,
                                    constant: 0)

    self.view.addConstraint(constraint)


    constraint = NSLayoutConstraint(item: upperView,
                                    attribute: NSLayoutAttribute.trailing,
                                    relatedBy: NSLayoutRelation.equal,
                                    toItem: self.view,
                                    attribute: NSLayoutAttribute.trailing,
                                    multiplier: 1,
                                    constant: 0)

    self.view.addConstraint(constraint)


}