iOS: Yeni otomatik düzen kısıtlamasına (yükseklik) nasıl animasyon uygulanır?

Daha önce otomatik düzen kısıtlamalarıyla hiç çalışmadım . Üzerinde çalıştığım küçük yeni bir uygulamam var ve NIB'nin görünümlerinin varsayılan olarak otomatik düzen şeklinde olduğunu fark ettim. Yani, işten fırsatı düşündüm ile kendisine ve Apple bununla nereye anlamaya çalışın.

İlk zorluk:

Bir MKMapView'ı yeniden boyutlandırmam gerekiyor ve onu yeni konuma canlandırmak istiyorum. Bunu alıştığım şekilde yaparsam:

[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;
}];

... daha sonra, bir kardeş görünümü güncellendiğinde MKMapView orijinal yüksekliğine geri dönecektir (benim durumumda bir UISegmentedControl başlığı güncelleniyor [myUISegmentedControl setTitle:newTitle forSegmentAtIndex:0]).

Peki, ne düşünüyorum ben o UISegmentedControl üstüne göreli olmasının ana görünümün yükseklik eşit olmaktan MKMapView kısıtlarını değiştirmek yapmak istediğim oldu kapsayan:V:[MKMapView]-(16)-[UISegmentedControl]

İstediğim şey, MKMapView yüksekliğinin kısaltılması, böylece harita görünümünün altındaki bazı kontrollerin ortaya çıkması. Ben Bunu yapmak için düşünüyorum ben alt bir UISegmentedControl üstüne sınırlandırılmıştır birine sabit bir tam boy görünümünden kısıtlamayı değiştirmek gerekiyor ... ve bunu yeni bir boyuta görünüm ruh doktoru olarak animasyon istiyorum.

Bu nasıl yapılır?

Düzenleme - Bu animasyon edilir değil animasyon görüntüsü alt 170 anında yukarı hareket etmez gerçi:

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

    }];

ve nibMapViewConstraintIB'de alt Dikey Uzay kısıtlamasına bağlanır.

Kısıtlamanızı güncelledikten sonra:

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

self.viewİçeren görünüme bir referansla değiştirin .

Bu benim için çalışıyor (Hem iOS7 hem de iOS8 +). Ayarlamak istediğiniz otomatik düzen kısıtlamasına tıklayın (arayüz oluşturucuda, örneğin üst sınırlama). Sonra bunu bir IBOutlet yapın;

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

Yukarı doğru hareket ettirin;

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

Orijinal yere geri dönün

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

Apple'ın kendisinden otomatik düzen ile animasyonun nasıl kullanılacağını açıklayan çok iyi bir öğretici var. Bu bağlantıyı izleyin ve ardından "Örnekle otomatik düzen" adlı videoyu bulun. Otomatik düzen hakkında bazı ilginç bilgiler verir ve son bölüm, animasyonun nasıl kullanılacağıyla ilgilidir.

Yarattığım bu küçük demo kullanılabilir . Otomatik düzen kısıtlamalarının nasıl değiştirilebileceğini ve canlandırılabileceğini çok basit bir örnekle gösterir. DemoViewController.m'ye bir göz atın .

Çoğu kişi, görünümlerinde öğeleri yerleştirmek için otomatik düzen kullanır ve animasyon oluşturmak için düzen kısıtlamalarını değiştirir.

Bunu çok fazla kod olmadan yapmanın kolay bir yolu, Storyboard'da canlandırmak istediğiniz UIView oluşturmak ve ardından UIView'ın bitmesini istediğiniz yerde gizli bir UIView oluşturmaktır. Her iki UIV Görünüm'ün de olmasını istediğiniz yerde olduğundan emin olmak için xcode'daki önizlemeyi kullanabilirsiniz. Bundan sonra, biten UIView'ı gizleyin ve düzen kısıtlamalarını değiştirin.

Kendiniz yazmak istemiyorsanız, SBP adı verilen takas düzen kısıtlamaları için bir pod dosyası vardır.

İşte bir eğitim .

IBOutlet referenceBunun yerine kısıtlamanın daha fazlasını kullanmanıza gerek yok , kitaplığı kullanarak herhangi bir görünümden veya herhangi bir görünümden doğrudan accessveya updateönceden uygulanan kısıtlama yapabilirsiniz . Bu kütüphane de yönetiyor davranışını .ProgrammaticallyInterface BuilderKVConstraintExtensionsMasterCumulativeNSLayoutConstraint

ContainerView'a Yükseklik Kısıtlaması eklemek için

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

ContainerView'un Yükseklik Kısıtlamasını animasyonla güncellemek için

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

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