Как настроить ограничение для 2 меток и одного представления изображения в ячейке Tableview с использованием раскадровки?

Question

Я новичок в стремительном развитии.Я застрял в одной точке.Я хочу добавить 2 метки и один вид изображения рядом, как показано ниже на картинке.Я пробовал много комбинаций, но не смог достичь желаемого результата.Я даже попытался разместить обе метки в одном представлении контейнера и представлении изображения в другом представлении контейнера и установить для него ограничения, но безуспешно.Ниже приведен вывод, которого я хочу достичь.

Любая помощь будет высоко оценена.

Answer 1

Применить ограничения, как показано ниже:

Метка 1:

Метка 2:

Изображение:

надеюсь, это поможет вам.

Answer 2

Я думаю, что картинка может представить ее лучше.Пожалуйста, следуйте нижеприведенным инструкциям, чтобы применить ограничения к вашему виду:

1) Применить трейлинг, ширину и высоту к вашему изображению.Тем не менее отсутствие y-позиции приведет к ошибке.Обрабатывается на следующем изображении.

2) Выровняйте изображение по вертикали по центру для суперпредставления.

3) Проделайте то же, что в шаге 1 и шаге 2 для метки времени, какЧто ж.Просто задайте ведущее ограничение, а не трейлинг.

4) Дайте ведущим и конечным ограничениям название ярлыка и выровняйте его вертикально по центру для суперпредставления.Поскольку вы указали ширину метки времени и вид изображения, она покроет оставшуюся часть доступной ширины с отступом 3 px спереди и сзади.

5) Теперь вы увидите предупреждение для этого представления, потому что вы зафиксировали ширину метки времени и чтопроизойдет, если текст будет больше для этого ярлыка?Вы можете справиться с этой ситуацией двумя способами

* Сначала измените свойство autoshrink с Fixed Font Size на Minimum Font Scale с коэффициентом 0,5.Но он просто обработает дело и не снимет предупреждение.*

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

6) Уменьшите Horizontal Content Hugging Property имени метки.

Answer 3

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