Как реализовать ограничения для 2-х меток между 2 изображениями для XIb файла

-1

Edit: Пожалуйста, оставьте комментарий, если вы собираетесь любить ТАК МОЖНО УЛУЧШИТЬ МОЙ ВОПРОСКак реализовать ограничения для 2-х меток между 2 изображениями для XIb файла

Я пытаюсь воссоздать пользовательскую таблицу просмотрите ячейку в моем файле xib, как показано ниже. Слева - квадратное изображение компании. Название компании и стенд компании (2 ярлыка UI) находятся справа от имиджа компании. Звездная кнопка находится справа от текста и представляет собой квадратное изображение. Я предположил, что кнопка изображения и фаворита компании должна быть около 8 пикселей от вершины и края.

Я попытался создать 4 ограничения для верхней, нижней, левой и правой части каждого элемента (изображение, 2 UI этикетки, и кнопка). Я также добавил ограничение пропорций 1: 1 к изображению и кнопке, чтобы убедиться, что изображение будет квадратным. Затем я выровнял левый край двух ярлыков пользовательского интерфейса. Я вертикально центрировал изображение и кнопку. Однако он вышел без звездной кнопки, а местоположение и название переключались. Как создать этот проект с использованием ограничений?

источник

2017-01-09 14wml

Вы создали нижнее ограничение для левой 'UIImageView'? – Rikh

Их не трудности с этим. Во-первых, если мы говорим о вашей левой UIImageView, Установите следующие ограничения,

Ведущее ограничение
Фиксированная высота
Фиксированная ширина
Центр Вертикально

После этого UIImageView на левый, установлены следующие ограничения,

Скользящий пространство от надтаблицы
Фиксированная высота
Фиксированная ширина
Центр по вертикали

Теперь для обоих этикеток, поместите их в UIView и дать что UIView следующие ограничения,

Ведущее пространство с левого изображения.
завершающий пробел с правой стороны изображения.
пространства сверху от надтаблицы
пространства снизу от надтаблицы

Теперь для верхнего UILabel, набор следующих ограничений,

Ведущего пространства
Скользящего пространству
верхнего пространства

Теперь для нижних UILabel, Установить следующие ограничений,

Ведущее пространства
Скользящего пространство
верхнего пространства от верхней UILabel
пространства снизу

После всего этого, я думаю, что это будет работать для вас.

источник

2017-01-09 05:17:57

Хорошо, я попытаюсь это! Мне было интересно, установил ли я фиксированную ширину и высоту, если пользователи используют более крупный телефон, не будут ли изображения выглядеть очень маленькими? – 14wml

Вид экрана, который вы сейчас работаете, Размер изображения не изменится слишком сильно по мере изменения устройства. Поэтому вы можете пойти с этим решением. Я сделал это во многих приложениях и никогда не сталкивался с какой-либо проблемой. Прекрасно работает для меня. Если это сработало для вас, не забудьте проголосовать. –

В соответствии с требованием дайте ограничения как 'UIImageView' 'top.superview = 8px', а не' vertically center'. –

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

источник

2017-01-09 05:32:55

Как реализовать ограничения для 2-х меток между 2 изображениями для XIb файла

ответ

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