iOS: Làm thế nào để một hoạt ảnh đối với ràng buộc tự động thanh toán mới (chiều cao)

Tôi chưa bao giờ làm việc với autolayout hạn chế trước đó. Tôi có một ứng dụng nhỏ mới đang phát triển và nhận thấy rằng các chế độ xem của NIB được mặc định là tự động thanh toán. Vì vậy, tôi nghĩ rằng tôi sẽ tận dụng cơ hội để làm việc với nó và cố gắng tìm hiểu xem Apple sẽ đi đâu với điều này.

Thử thách đầu tiên:

Tôi cần thay đổi kích thước của MKMapView và tôi muốn chuyển nó sang vị trí mới. Nếu tôi làm điều này theo cách tôi đã quen:

[UIView animateWithDuration:1.2f
     animations:^{
         CGRect theFrame = worldView.frame;
         CGRect newFrame = CGRectMake(theFrame.origin.x, theFrame.origin.y, theFrame.size.width, theFrame.size.height - 170);
         worldView.frame = newFrame;
}];

... thì MKMapView sẽ 'bắt' trở lại chiều cao ban đầu bất cứ khi nào một chế độ xem anh chị em được cập nhật (trong trường hợp của tôi, tiêu đề của UISegmentedControl đang được cập nhật [myUISegmentedControl setTitle:newTitle forSegmentAtIndex:0]).

Vì vậy, những gì tôi nghĩ tôi muốn làm là thay đổi các ràng buộc của MKMapView từ mức ngang bằng với chiều cao của chế độ xem gốc thành tương đối với phần trên cùng của UISegmentedControl mà nó đang bao gồm:V:[MKMapView]-(16)-[UISegmentedControl]

Điều tôi muốn là chiều cao MKMapView rút ngắn để một số điều khiển bên dưới chế độ xem bản đồ được tiết lộ. Để làm như vậy, tôi nghĩ rằng tôi cần thay đổi ràng buộc từ chế độ xem kích thước đầy đủ cố định thành chế độ xem có giới hạn dưới cùng với đầu của UISegmentedControl ... và tôi muốn nó hoạt ảnh khi chế độ xem thu nhỏ lại thành kích thước mới.

Làm thế nào để một người đi về điều này?

Chỉnh sửa - hoạt ảnh này không hoạt ảnh mặc dù dưới cùng của chế độ xem di chuyển lên 170 ngay lập tức:

    [UIView animateWithDuration:1.2f
         animations:^{
             self.nibMapViewConstraint.constant = -170;

    }];

và nibMapViewConstraintđược nối dây trong IB tới giới hạn Không gian dọc dưới cùng.

Sau khi cập nhật ràng buộc của bạn:

[UIView animateWithDuration:0.5 animations:^{[self.view layoutIfNeeded];}];

Thay thế self.viewbằng một tham chiếu đến dạng xem chứa.

Điều này phù hợp với tôi (Cả iOS7 và iOS8 +). Nhấp vào ràng buộc bố cục tự động mà bạn muốn điều chỉnh (trong trình tạo giao diện, ví dụ như ràng buộc trên cùng). Tiếp theo hãy biến nó thành IBOutlet;

@property (strong, nonatomic) IBOutlet NSLayoutConstraint *topConstraint;

Hoạt hình trở lên;

    self.topConstraint.constant = -100;    
    [self.viewToAnimate setNeedsUpdateConstraints]; 
    [UIView animateWithDuration:1.5 animations:^{
        [self.viewToAnimate layoutIfNeeded]; 
    }];

Hoạt ảnh trở lại vị trí ban đầu

    self.topConstraint.constant = 0;    
    [self.viewToAnimate setNeedsUpdateConstraints];  
    [UIView animateWithDuration:1.5 animations:^{
        [self.viewToAnimate layoutIfNeeded];
    }];

Có một hướng dẫn rất hay từ chính apple giải thích cách sử dụng hoạt ảnh với autolayout. Theo liên kết này và sau đó tìm video có tên "Tự động bố cục theo ví dụ" Nó cung cấp một số nội dung thú vị về tự động xuất và phần cuối cùng là về cách sử dụng hoạt ảnh.

Tôi đã cung cấp bản demo nhỏ này . Nó chỉ ra cách các ràng buộc bố cục tự động có thể được thay đổi và làm động trong một ví dụ rất đơn giản. Chỉ cần xem qua DemoViewController.m .

Hầu hết mọi người sử dụng autolayout để bố trí các mục trên chế độ xem của họ và sửa đổi các ràng buộc bố cục để tạo hoạt ảnh.

Một cách dễ dàng để thực hiện việc này mà không cần nhiều mã là tạo UIView bạn muốn tạo hoạt ảnh trong Storyboard và sau đó tạo một UIView ẩn mà bạn muốn UIView kết thúc. Bạn có thể sử dụng bản xem trước trong xcode để đảm bảo cả hai UIView đều ở nơi bạn muốn. Sau đó, ẩn UIView kết thúc và hoán đổi các ràng buộc bố cục.

Có một podfile để hoán đổi các ràng buộc bố cục được gọi là SBP nếu bạn không muốn tự viết.

Đây là một hướng dẫn .

Không cần sử dụng thêm IBOutlet referenceràng buộc thay vì điều này, bạn có thể trực tiếp accesshoặc updateđã áp dụng ràng buộc được áp dụng bởi Programmaticallyhoặc từ Interface Builderbất kỳ chế độ xem nào sử dụng KVConstraintExtensionsMasterthư viện. Thư viện này cũng đang quản lý Cumulativehành vi của NSLayoutConstraint.

Để thêm Ràng buộc chiều cao trên containerView

 CGFloat height = 200;
 [self.containerView applyHeightConstrain:height];

Để cập nhật Ràng buộc chiều cao của containerView với hoạt ảnh

[self.containerView accessAppliedConstraintByAttribute:NSLayoutAttributeHeight completion:^(NSLayoutConstraint *expectedConstraint){
        if (expectedConstraint) {
            expectedConstraint.constant = 100;

            /* for the animation */ 
            [self.containerView  updateModifyConstraintsWithAnimation:NULL];
      }
    }];