Блог

Моя задача — сохранить размер и положение элементов внутри моей ячейки для разных разрешений экрана.

Я сделал:

1. Установлены ограничения для красного и зеленого блоков (UILabels) во внешнем контейнере.
2. Установите ограничение между ними равным 0. Это более приоритетно, чем ограничение красного блока снизу и зеленого — сверху.
3. Установите Lines = 0 для этих меток.
4. Установите автоматическую усадку.

В результате размер шрифта меняется на разных устройствах. Но все еще есть несколько проблем:

1. Как я могу удалить слишком большие отступы над и под обеими метками?
2. Как заставить их изменять размер равномерно? Теперь один из блоков имеет преимущество перед другим, в зависимости от того, какое ограничение установить с более высоким приоритетом. Если вы сделаете их равными — это также не сработает.

(Я хотел бы сделать все через Interface Builder)

• Скриншот с разными приоритетами ограничений
• Мои ограничения
• Дополнения и атрибуты

Вы можете воспользоваться ограничениями равной высоты и равной ширины.

Следуйте приведенным ниже шагам, чтобы сделать интервал между UILabel одинаковым на iPhone 8 и iPhone 4s. Это поможет вам сделать его пропорциональным.

1) Для достижения этого просто выберите свою метку (красную), label (зеленую) и superview (ячейкой которого, я думаю, вы являетесь UICollectionView )

2) Здесь мы заинтересованы в сохранении пропорциональности высоты. то есть красная метка (80%) и зеленая метка (20%)

В настоящее время все высоты равны высоте супервизора, т. е. высота RedLabel и Greenlabel равна 100% высоты супервизора.

Но цель состоит в том, чтобы сделать его 80% и 20% для красной и зеленой метки соответственно.

Поэтому выберите ограничение высоты красной метки. Здесь вы устанавливаете ограничение, которое гласит: «высота красной метки должна составлять 80% от высоты супервизий».

Аналогично для зеленой метки установите «высоту зеленой метки так, чтобы она составляла 20% от высоты супервизора».

Красная метка

Зеленая метка

3) Теперь выполните ограничение положения по осям x и y, которое было бы простым

a) Красная метка впереди = передний край супервизора

б) Красная метка в конце = задний край супервизора

c) Красная метка сверху = верхний край супервизора

d) Красная метка внизу = не требуется (поскольку у нее есть все необходимые ограничения для обоснования ее положения, т. е. высота = 0,8 * superview, и она выровнена по верху, например: высота super view равна 100, выровняйте этот вид по верху с height = 80 )

e) Начало зеленой метки = Начало красной метки (вы уже установили это в пункте «a», нет необходимости снова устанавливать ограничение для зеленой метки)

f) Зеленая метка в конце = Красная метка в начале (вы уже установили это в пункте «b», нет необходимости снова устанавливать ограничение для зеленой метки)

g) Зеленая метка внизу = нижняя часть супервизора

h) Зеленая метка сверху = не требуется (поскольку она имеет все необходимые ограничения для обоснования ее положения, т. е. высота = 0,2 * superview и выровнена по низу, например: высота super view равна 100, выровняйте этот вид снизу по высоте = 20)

Это окончательный список ограничений и предварительный просмотр раскадровки для iPhone 8 и 4s.