Animowanie/Moving widoki pod wykorzystaniem autoLayout

Question

Chcę przenieść widok z jednego świetnym miejscu do drugiego, można wdrożyć go za pomocą

self.view.center = CGPointMake(100, 200); 

jednak, jeśli projekt jest przy użyciu autoLayout, to widok będzie z powrotem do oryginalnej pozycji po uruchomieniu:

[self.view.superview setNeedsLayout]; 

to jak właściwie przenieść widok do nowej pozycji?

Answer 1

Musisz zmienić ograniczenia, jeśli korzystasz z funkcji AutoLayout. Sugerowany sposób polega na utworzeniu ujścia w kontrolerze widoku wiązań, a następnie zmianie stałej wiązania. Jeśli masz czas, zdecydowanie polecam going here i oglądam "Automatyczny układ według przykładu" lub "Najlepsze praktyki w opanowaniu automatycznego układu". Bardzo mi pomogli. Myślę, że punktem wyjścia jest to, że z autoLayout nie myślisz już w kategoriach ramek. Więc ustawienie centrum po prostu nie działa z automatycznym układem. Chodzi o to, jak widoki są ze sobą powiązane.

Answer 2

Z AutoLayout włączona, powinniśmy FORGET FRAMES i tylko CONSIDER CONSTRAINTS .Yes na animowanie również nie może już zmienić ramkę lub centrum, widok będzie powrócić do pierwotnej pozycji, gdy układ jest tzw.

Zamiast tego powinieneś uzyskać consider changing the constant value of the constraint, aby uzyskać ten sam efekt.

Rozważ interfejs użytkownika podobny do obrazu podanego poniżej. Mam widok obrazu z numerem 20 points leading space from it's superview, co oznacza, że ​​ma on ograniczoną przestrzeń poziomą z jego widokiem. Ponadto mam trzy dodatkowe ograniczenia związane z tym widokiem obrazu, góra, szerokość i wysokość.

Pokażę ci, jak możemy animować obraz od lewej do prawej, jak pokazano na obrazku.

Utwórz IBOutlet dla ograniczeń, które musimy animować. Dopóki używamy tylko ograniczania przestrzeni poziomej, wystarczy przesunąć ten widok z lewej do prawej.

@property (weak, nonatomic) IBOutlet UIImageView *imageView; 
@property (weak, nonatomic) IBOutlet NSLayoutConstraint *horizontalSpaceConstraint; 

Wewnątrz Go Away działania, musimy zaktualizować stałą wartość tego ograniczenia.

- (IBAction)moveFrontAction:(id)sender { 
    self.horizontalSpaceConstraint.constant = 220; 

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

Teraz widok powinny zostać przeniesione do prawej end.I'm właśnie robi, że wewnątrz bloku animacji więc będziemy mogli zobaczyć piękny animacji od lewej do prawej i vice versa.In produkcji, nie powinno się tak mocno kodować takich wartości.Tylko robimy to tutaj, aby wyjaśnić tę koncepcję.

Wewnątrz działania Come Back, jesteśmy znowu resetowanie stały z powrotem do jego pierwotnej wartości, dzięki czemu można zobaczyć pomarańczowy obraz animacji z powrotem do pierwotnego położenia.

- (IBAction)moveBackAction:(id)sender { 
    self.horizontalSpaceConstraint.constant = 20; 

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