iOS: Bagaimana seseorang menganimasikan ke batasan tata letak otomatis baru (tinggi)

Saya belum pernah bekerja dengan batasan tata letak otomatis sebelumnya. Saya memiliki aplikasi kecil baru yang sedang saya kerjakan dan melihat bahwa tampilan NIB secara default menggunakan tata letak otomatis. Jadi, kupikir aku akan mengambil kesempatan untuk bekerja dengan itu dan mencoba untuk mencari tahu di mana Apple akan dengan ini.

Tantangan pertama:

Saya perlu mengubah ukuran MKMapView dan saya ingin menganimasikannya ke posisi baru. Jika saya melakukan ini dengan cara yang biasa saya lakukan:

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

... maka MKMapView akan 'kembali' ke ketinggian aslinya setiap kali tampilan saudara diperbarui (dalam kasus saya, judul UISegmentedControl sedang diperbarui [myUISegmentedControl setTitle:newTitle forSegmentAtIndex:0]).

Jadi, apa yang saya pikir saya ingin lakukan adalah mengubah kendala dari MKMapView dari yang sama dengan hight induk pandangan untuk menjadi relatif terhadap bagian atas UISegmentedControl bahwa itu meliputi:V:[MKMapView]-(16)-[UISegmentedControl]

Yang saya inginkan adalah tinggi MKMapView dipersingkat sehingga beberapa kontrol di bawah tampilan peta terungkap. Untuk melakukannya, saya pikir saya perlu mengubah batasan dari tampilan ukuran penuh tetap ke tampilan di mana bagian bawah dibatasi ke atas UISegmentedControl ... dan saya ingin itu dianimasikan saat tampilan menyusut ke ukuran baru.

Bagaimana seseorang melakukan ini?

Sunting - animasi ini tidak beranimasi meskipun bagian bawah tampilan naik langsung ke 170:

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

    }];

dan nibMapViewConstraintdisambungkan di IB ke batasan Ruang Vertikal bawah.

Setelah memperbarui kendala Anda:

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

Ganti self.viewdengan referensi ke tampilan yang memuat.

Ini berfungsi untuk saya (Baik iOS7 dan iOS8 +). Klik pada batasan tata letak otomatis yang ingin Anda sesuaikan (dalam pembuat antarmuka, mis. Batasan teratas). Selanjutnya jadikan ini IBOutlet;

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

Menganimasikan ke atas;

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

Animasikan kembali ke tempat semula

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

Ada tutorial yang sangat bagus dari apple itu sendiri yang menjelaskan bagaimana menggunakan animasi dengan autolayout. Ikuti link ini dan kemudian temukan video bernama "Auto layout by example" Ini memberikan beberapa hal menarik tentang autolayout dan bagian terakhir adalah tentang bagaimana menggunakan animasi.

Saya telah membuat demo kecil ini tersedia . Ini menunjukkan bagaimana batasan tata letak otomatis dapat diubah dan dianimasikan dalam contoh yang sangat sederhana. Cukup lihat DemoViewController.m .

Kebanyakan orang menggunakan autolayout untuk mengatur tata letak item pada tampilan mereka dan mengubah batasan tata letak untuk membuat animasi.

Cara mudah untuk melakukan ini tanpa banyak kode adalah membuat UIView yang ingin Anda animasikan di Storyboard, lalu membuat UIView tersembunyi di mana Anda ingin UIView diakhiri. Anda dapat menggunakan pratinjau di xcode untuk memastikan kedua UIViews berada di tempat yang Anda inginkan. Setelah itu, sembunyikan UIView penutup dan tukar batasan tata letak.

Ada podfile untuk menukar batasan tata letak yang disebut SBP jika Anda tidak ingin menulisnya sendiri.

Berikut tutorialnya .

Tidak perlu menggunakan lebih banyak IBOutlet referencebatasan daripada ini, Anda bisa langsung accessatau updatesudah menerapkan batasan baik yang diterapkan oleh Programmaticallyatau dari Interface Buildertampilan mana pun menggunakan KVConstraintExtensionsMasterpustaka. Perpustakaan ini juga mengelola Cumulativeperilaku NSLayoutConstraint.

Untuk menambahkan Batasan Ketinggian di containerView

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

Untuk memperbarui Batasan Ketinggian containerView dengan animasi

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

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