Jak zrobić kwadrat widok rozmiaru z jego superview stosując układ automatycznego

Question

W moim przypadku mam widok wewnątrz kontrolera widoku do którego dodaje się następujące ograniczenia:

• Set początku, na końcu górne i dolne krawędzie do 0
• Zestaw mnożnika do dolnej krawędzi do 2: 1

teraz widok znajduje się w górnej części w widoku kontrolera.

Wewnątrz tego dodam kwadratowy widok obrazu, do którego dodaje się następujące ograniczenia:

• Ctrl przeciągnij z pola widzenia obrazu do Superview i dodał równych wysokościach i szerokościach.
• Zmień mnożnik szerokości i wysokości, dopóki nie uzyskasz idealnego kwadratu.
• Dodano ograniczenia się centrum pionowo i poziomo

Moi ograniczenia wydaje doskonały, ale kiedy uruchomiony w symulatorze nie uzyskać doskonały kwadrat. Poza tym widok obrazu nie zmienia rozmiaru podczas działania na różnych ekranach symulatora.

To jest moja konfiguracja:

• klas Auto Układ i wielkość są włączone
• używam wywnioskować rozmiar dla ujęć
• Adaptacyjny układ jest ustawiony na dowolną dla szerokości i wysokości
• I Próbuję uruchomić to dla symulacji 4s, 5,6 i 6+.

Spojrzałem na inne posty, ale nic nie działa.

Czy są jakieś podstawowe kroki, aby to zrobić?

Edycja:

Po ustawieniu> 10 ograniczeń:

Edycja 3: I dodaje górze, na dole, co prowadzi, na końcu Ograniczenia 2 razy, 1 niższymi niższy lub równy (priorytet 1000), drugi większy lub równy (priorytet 800) o stałej wartości 90. Nie wiem, dlaczego dla dna próbuje rozciągnąć do 90 punktów z widoku głównego, a nie kontenera widok (gre en en).

Answer 1

Masz widok, który musi się rozwinąć, aby wypełnić swój pojemnik, zachowując proporcje. Jest to typowy wzór z automatycznym układem.

Sztuką jest, aby korzystać z dwóch ograniczeń dla wiodących/spływu/góra/dół:

• =10 przy niskim priorytecie

• >=10 w wymaganym priorytet.

Kładzenie to wszystko razem, masz:

• format obrazu 1: 1

• Centrum X/Y w Superview

• przednia/dolna/góra/dół do Superview = 10 (z priorytetem 750)

• Prowadzenie/Trailin g/Góra/Dół do Superview> = 10 (w 1000 priorytet)

Istnieje również kilka rzeczy do rozważenia z UIImageView:

• UIImageView będą miały wielkość rzeczywista zawartość w oparciu o obraz, który jest wyświetlany, dlatego należy się upewnić, że jego Priorytet przycinania zawartości jest niższy niż priorytet 750, którego używasz dla więzów =10.

• UIImageView.contentMode określa, w jaki sposób rozmiar obrazu bazowego jest zwymiarowany w stosunku do rozmiaru obiektu UIImageView. Domyślnie jest ustawiony na UIViewContentModeScaleToFill.

Answer 2

container view 
---------------------------------------------- 
|      |      | 
|     >=10     | 
|  imageView |      | 
|  ----------------------------  | 
|  |   |    |  |  
|  |   |    |  | 
|  |   |    |  | 
|  |   |    |  | 
|  |   |    |  | 
|- >=10 -|---------- 1:1 -----------|- >=10 -| 
|  |   |    |  | 
|  |   |    |  | 
|  |   |    |  | 
|  |   |    |  | 
|  ----------------------------  | 
|      |      | 
|     >=10     | 
|      |      | 
---------------------------------------------- 

** Jeśli chcesz możesz podać jej wysokość ImageView lub szerokość oraz o niższym priorytecie ograniczeń.

Answer 3

Miałem sukces przy użyciu tej konfiguracji.

1. Co zrobiłem najpierw dodać ograniczenia dla środkowej X. (zignorować jedno centrum Y, mimo że jest w moim zrzucie. Będzie przerwa bez powodu kroku 2.)

2. Potem dodano górna i dolna ograniczenie

3. końcu dodaje proporcje ograniczenie

Kiedy animacji tego pola skalowany kwadratu prawidłowo. Jeśli chcesz, mogę przesłać projekt testowy.