Automatyczne układanie kakao: przytulanie treści a priorytet odporności na kompresję treści

Nie mogę znaleźć jednoznacznej odpowiedzi w dokumentacji Apple dotyczącej autoukładu Cocoa o różnicy między przytulaniem treści a odpornością na kompresję.

Czy ktoś może wyjaśnić ich zwyczaje i różnice?

Szybkie podsumowanie pojęć:

• Przytulanie => treść nie chce się rozwijać
• Odporność na ściskanie => zawartość nie chce się kurczyć

Przykład:

Powiedz, że masz taki przycisk:

[       Click Me      ]

i przypiąłeś krawędzie do większego podglądu z priorytetem 500.

Następnie, jeśli Priorytet przytulania> 500 będzie wyglądał następująco:

[Click Me]

Jeśli priorytet przytulania <500 będzie wyglądał następująco:

[       Click Me      ]

Jeśli superwizja teraz się zmniejszy, to jeśli priorytet Odporności na ściskanie> 500, będzie to wyglądać tak

[Click Me]

W przeciwnym razie, jeśli priorytet odporności na ściskanie wynosi <500, może wyglądać następująco:

[Cli..]

Jeśli to nie działa tak, prawdopodobnie masz jakieś inne ograniczenia, które psują twoją dobrą pracę!

Np. Możesz przypiąć go do superwizji z priorytetem 1000. Lub możesz mieć priorytet szerokości. Jeśli tak, może to być pomocne:

Edytor> Dopasuj rozmiar do treści

Rzuć okiem na ten film instruktażowy na temat Autolayout , wyjaśniają go dokładnie

źródło: @mokagio

Rozmiar zawartości wewnętrznej - dość oczywisty, ale widoki ze zmienną zawartością są świadome, jak duża jest ich zawartość i opisują rozmiar zawartości za pomocą tej właściwości. Niektórymi oczywistymi przykładami widoków, które mają rzeczywiste rozmiary treści, są UIImageViews, UILabels, UIButtons.

Priorytet przytulania zawartości - im wyższy jest ten priorytet, tym bardziej widok jest odporny na powiększanie się niż jego rozmiar.

Priorytet odporności na kompresję treści - im wyższy jest ten priorytet, tym bardziej widok jest mniejszy niż jego rzeczywisty rozmiar.

Sprawdź tutaj, aby uzyskać więcej wyjaśnień: MAGIA AUTOMATYCZNEGO UKŁADANIA: PRIORYTETY ROZMIARU TREŚCI

Załóżmy, że masz przycisk z tekstem „Kliknij mnie”. Jaka powinna być szerokość tego przycisku?

Po pierwsze, zdecydowanie nie chcesz, aby przycisk był mniejszy niż tekst. W przeciwnym razie tekst zostałby obcięty. Jest to priorytet poziomej odporności na ściskanie.

Po drugie, nie chcesz, aby przycisk był większy niż powinien. Przycisk, który wyglądał tak, [Click Me], jest oczywiście zbyt duży. Chcesz, aby przycisk „przytulił” jego zawartość bez zbytniego dopełniania. Jest to horyzontalny poziom przytulania treści. W przypadku przycisku nie jest on tak silny, jak pozioma odporność na kompresję w poziomie.

Jeśli view.intrinsicContentSize.width != NSViewNoIntrinsicMetric, to układ automatyczny tworzy specjalne ograniczenie typu NSContentSizeLayoutConstraint. To ograniczenie działa jak dwa normalne ograniczenia:

• ograniczenie wymagające view.width <= view.intrinsicContentSize.width priorytetu poziomego przytulania, oraz
• ograniczenie wymagające view.width >= view.intrinsicContentSize.widthpriorytetu poziomej odporności na ściskanie.

W Swift, dzięki nowym kotwicom układu w iOS 9, możesz skonfigurować równoważne ograniczenia takie jak to:

let horizontalHugging = view.widthAnchor.constraint(
    lessThanOrEqualToConstant: view.intrinsicContentSize.width)
horizontalHugging.priority = view.contentHuggingPriority(for: .horizontal)

let horizontalCompression = view.widthAnchor.constraint(
    greaterThanOrEqualToConstant: view.intrinsicContentSize.width)
horizontalCompression.priority = view.contentCompressionResistancePriority(for: .horizontal)

Podobnie jeśli view.intrinsicContentSize.height != NSViewNoIntrinsicMetric, to układ automatyczny tworzy taki, NSContentSizeLayoutConstraintktóry działa jak dwa ograniczenia na wysokości widoku. W kodzie wyglądałyby tak:

let verticalHugging = view.heightAnchor.constraint(
    lessThanOrEqualToConstant: view.intrinsicContentSize.height)
verticalHugging.priority = view.contentHuggingPriority(for: .vertical)

let verticalCompression = view.heightAnchor.constraint(
    greaterThanOrEqualToConstant: view.intrinsicContentSize.height)
verticalCompression.priority = view.contentCompressionResistancePriority(for: .vertical)

Możesz zobaczyć te specjalne NSContentSizeLayoutConstraintwystąpienia (jeśli istnieją), drukując view.constraintspo uruchomieniu układu. Przykład:

label.constraints.forEach { print($0) }

// Output:
<NSContentSizeLayoutConstraint:0x7fd82982af90 H:[UILabel:0x7fd82980e5e0'Hello'(39)] Hug:250 CompressionResistance:750>
<NSContentSizeLayoutConstraint:0x7fd82982b4f0 V:[UILabel:0x7fd82980e5e0'Hello'(21)] Hug:250 CompressionResistance:750>

Przytulanie zawartości i priorytety odporności na kompresję treści działają dla elementów, które mogą obliczać swój rozmiar wewnętrznie w zależności od nadchodzących treści.

Z dokumentów Apple :

To Content hugging priorityjest jak gumka która jest umieszczona wokół widoku. Im wyższa wartość priorytetu, tym silniejsza gumka i tym bardziej chce ona przytulić się do swojej zawartości. Wartość priorytetową można sobie wyobrazić jako „siłę” gumki

I o Content Compression Resistanceto, jak bardzo widok „opiera się” zmniejszaniu Widok o wyższej wartości priorytetu odporności jest tym, który będzie odporny na kompresję.