2017-02-20 44 views
0

Каков наилучший способ центрирования изображения и метки с динамическим текстом (так динамическая высота) внутри прокрутки в iOS? My layoutiOS Constraints - центральное изображение и динамический текст

Какие ограничения я должен добавить? Я действительно не могу понять, как он работает, может быть, я не могу справиться с этим, потому что я - разработчик Android, и, с моей точки зрения, его проще конструировать guis с Android. Но дело не в этом.

Я был бы так благодарен, если бы кто-нибудь мог объяснить мне, какие ограничения я должен добавить. Текст динамически загружается, поэтому высота не исправлена. Из-за этого мое мнение должно быть прокручиваемым (для этого я добавил scrollview).

Update:

Я попытался следующие ограничения в соответствии с рекомендациями здесь. Но он все еще не работает.

Это то, что я сделал.

[what I did with the image[2] what I did with the label

Но его до сих пор не работает, как и должно ...

how it look like in simulator (iPhone 5s)

+0

Вы хотите, чтобы изображение было вертикально центрировано? я имею в виду именно в центре экрана? – Sneha

+0

Нет, он должен быть над текстом, по центру по горизонтали. – Maximus1809

ответ

2

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

enter image description here для этикетки, дают ограничения как на следующем изображении: enter image description here

Выберите ImageView/метку, и на дне справа от Xcode есть значок Ass New Constraints, как на скриншоте, здесь вы можете добавить ограничения сверху, слева, справа и внизу. enter image description here

+0

Большое вам спасибо, но как я могу создать «Bottom/Top/Trailing/Leading Space»? Я попытался перетащить его с моего изображения, нажав [CTRL], а затем нажмите «Верх» (например), но он создает «Выровнять вершину к:» ... не «Пробел» – Maximus1809

+0

Я добавил новый снимок экрана , Пожалуйста попробуйте. Вы также можете попробовать ссылки/учебные пособия, такие как https: //www.raywenderlich.com/115444/auto-layout-tutorial-in-ios-9-part-2-ограничения для более подробной информации о том, как добавить ограничения. – Sneha

+0

Спасибо ВАМ! Нет, действительно, СПАСИБО! Это сработало! :) – Maximus1809

1

Просто центрирования UIImageView в надтаблицы:

Align Center X to: Superview 
Align Center Y to: Superview 

А затем выровнять UILabel/UITextView:

Top Space to: YourImageView 
Leading Space to: Superview 
Trailing Space to: Superview 
//or 
Align Center X to: YourImageView 
+0

Выровнять центр X до: Superview «Горизонтально в контейнере»? Когда я открываю меню «Выравнивание»? – Maximus1809

+0

Я обновил свой вопрос. Большое вам спасибо! – Maximus1809

+0

@MaxLebold У вас есть ошибки, прочтите мой ответ. Вы выравниваете верхнюю часть UIImageView с меткой, но вы должны выровнять TOP метки с UIImageview. Кроме того, при использовании UIScrollView все становится ДЕЙСТВИТЕЛЬНО беспорядочным, если у вас нет UIView внутри Scrollview в качестве основного вида. Добавьте UIView в scrollview, установите Leading-Trailing-Top-Bottom на scrollView 0 - 0 - 0 - 0. И внутри этого UIView добавьте UIImageView и UILabel в качестве subView в UIView и установите ограничения, как я показал в своем ответе на UIView, а не в scrollView. –