Горизонтально Центр UILabel + UIImageView внутри UIView с Autolayout

Первая проблема:Горизонтально Центр UILabel + UIImageView внутри UIView с Autolayout

У меня есть UIView, содержащий UILabel (динамический текст) + UIImage. Я хочу, чтобы они были сосредоточены внутри UIView. Так же, как эти образы:

Ответ here устарело и теперь мы стек вид, может быть, это может сделать задачу проще.

Вторая проблема:

У меня есть три UIView-х рядом друг с другом каждый из них имеет UIImageView + UILabel, которые должны быть центрированы в своем контейнере (задача 1). В iPhone 4s, который имеет небольшую ширину экрана текст ломает макет, как на этой картинке:

Я использую Xcode 7.0 | Цель iOS8 и выше | Swift 2

источник

2015-09-30 iOSGeek

Можете ли вы показать ограничения, которые вы установили? – Paulw11

Наденьте этикетку и изображение на боковые стороны контейнера. Используйте нулевой вывод для верхнего и нижнего уровня, и все, что вам нравится, для промежутка между изображением и меткой. Для боковых ограничений используйте> =, а не =, поэтому макет может соответствовать более крупному элементу. Центрируйте как метку, так и изображениеView горизонтально (но не вертикально) в контейнере, затем центрируйте контейнер в главном окне по горизонтали и по вертикали. До тех пор, пока у вас есть образ по умолчанию, установленный в представлении изображения, это должно содержать по крайней мере макет с конфликтами или ошибками - вам может потребоваться настроить приоритеты, чтобы получить именно то, что вы хотите –

Вам также необходимо установить maxPreferredWidth на метке. Или использовать ограничение ширины –

Это на самом деле довольно легко сделать в чистом Autolayout/IB без кода. Это выглядит примерно так:

Вот файл раскадровки с видом, чтобы вы легко могли видеть ограничения. Он использует один и тот же метод обложек subview, но трюк для сокращения ярлыков/обрезки по мере необходимости добавляет ограничения> = 0 к обеим сторонам представления оболочки, не позволяя ему расширяться за границами родительского представления, что в поворот держит этикетку от роста.

https://www.dropbox.com/s/ml67zdjwugf8jco/SO_Solution-20151013.storyboard?dl=0

источник

2015-10-14 03:46:10 Ben

Я следил за раскадрой, и это работает, он трюк здесь устанавливает ведущее и конечное пространство в> = и <=. Любое предложение, чтобы показать полный текст во всех устройствах, я хочу показать «50 заявителей», а не «50 приложений ...» на всех устройствах? – iOSGeek

Вам нужно что-то дать! Что станет меньше? Если вы в порядке с уменьшением размера текста, вы можете включить эту опцию. Другой альтернативой было бы позволить уменьшить количество изображений. – Ben

Возможно, размер текста должен стать меньше, чтобы соответствовать размеру. Я могу сделать код, я думаю, но с IB это возможно? – iOSGeek

Чистота содержит и добавляет еще раз. У меня эта проблема в Xcode 7.0, но она, по-видимому, была исправлена в Xcode 7.0.1.

источник

2015-10-14 00:36:57

Используйте кнопки (вместо того, чтобы с помощью ImageView & Label) и установить соответствующее изображение & название.

набора изображения & Название вставки

Добавить для просмотра и назначения ведущего космических & нижнего пространства SuperView ограничения на первую кнопку

Назнач Продольного пространству & нижнего пространство SuperView ограничения на третью кнопку

Присвоить левую горизонтальное пространство (с первой кнопкой) & Правое горизонтальное пространство (с третьей кнопкой) на вторую кнопку.

Добавить равную ширину & фиксированное ограничение высоты со всеми тремя кнопками.

Кроме того, вы можете добавить ограничение ширины и сделать его с динамической шириной.

В порядке, вы можете заполнить его кнопкой.

источник

2015-10-14 09:28:35

Я нашел другое решение с изображением и ярлыком здесь. http://stackoverflow.com/questions/14741713/auto-layout-constraints-center-2-side-by-side-views-in-a-parent-view –

Горизонтально Центр UILabel + UIImageView внутри UIView с Autolayout

ответ

Смежные вопросы