Каким образом лучше реализовать дизайн?

Question

[tiger_13]

Есть задумка по дизайну, в готовом виде она +- выглядит следующим образом:
Есть три кнопки и надпись:


Когда нажимаешь на кнопку "добавить иконку" (выбираешь иконку), то появляется UIImageView, с выбранной иконкой:


Вопрос в следующем:
Как добавить этот UIImageView, если весь дизайн построен на AutoLayout (и spacing между элементами тоже указан)?

Я понимаю, что если изначально добавить UIImageView, и просто поставить isHidden, то юзер будет видеть пустое место.
Удалить в месте добавления изображения spacing, и прописать, учитывая новый UIImageView ?

P.S.
у меня в дизайне появляется не только новый UIImageView, после выбора, а целый UIVIew, с новыми элементами:
было:


стало:


куда деть старые кнопки? просто .removeFromSuperview()?

Answer 1

[briahas]

Как вариант - переработать дизайн. В современных приложениях показывают дефолтную иконку и, обычно, по клику на нее открывается флоу смены иконки.

Если же как то делать то что вы описали - то можно поставить сразу UIImageView, просто без картинки. В результате - пока не установлена картинка элемент схлопнут; когда установили картинку - появляется.

Comments

[tiger_13]

пустой UIImageView, все равно занимает место (у него есть та же ширина и высота).
Добавил пустой UIImageView(указал для него leadingAnchor, trailingAnchor, topAnchor и heightAnchor), и кинул снизу кнопку(verticalSpacing к imageView.bottomAnchor - 10), imageView.image - пустой.
Результат (при том что у imageView.topAnchor(equalTo:safeArea.topAnchor, constant:10)):

[briahas]

смотри, надо выставить leadingAnchor и topAnchor (если элементы будут сдвигаться вправо и вниз). И все.

А так, конечно же, если ты выставишь UIImageView высоту жестко равную некоему значению - то даже если в ней не будет картинки, она все равно будет занимать эту высоту.

[tiger_13]

так как ты говоришь - работает (ставил визуально, не программно). Визуально - ругается, когда в UIImageView не стоит image, но запускается, и есть эффект "схлопывания".

Появилась идея объеденить кнопки в одну вьюшку, и когда юзер уже выбрал картинку, то вьюшку удалять, и добавлять новую (финальный результат). Сильно тупо выйдет?

[briahas]

tiger_13, Ругается на не выставленные ширину и высоту? Тогда выставь их "≤" некоему максимальному допустимому значению.

На счет кнопок и отдельной вьюшки: если это работает и тебе удобно - то пользуйся. Я просто не уверен что правильно представляю, но, как я сказал выше, если удобно - пользуйся. Только можно не удалять с супервьюхи, а просто прятать. И показывать другую вьюху. А если эти кнопки в Стеквьюхе, то я, обычно, удалял ненужный и вставлял нужные.

[briahas]

tiger_13, отметте решением, если есть что.

Answer 2

[uzolenta]

Используйте StackView, туда засуньте нужные элементы, которые Вы хотите "схлопнуть", если они без данных.