2013-11-22 2 views
3

В настоящее время я пытаюсь создать настраиваемое подтягивающее меню для iPhone, которое я могу просто подключить к любому количеству контроллеров представлений в редакторе раскадровки, мой код работает как и предполагалось с точки зрения анимации/IBActions и т. д., но я не могу показаться привязкой к виду, поскольку я желаю iPhone 4-дюймовый форм-фактор (iPhone 5 и выше).Якорный пользовательский UIView в нижней части экрана относительно размера экрана

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

На скриншотах ниже показаны мой вопрос:

iPhone 4/4S вид:

enter image description here

iPhone 5/5C/5S вид:

enter image description here

Как вы можете см., выделенное представление в представлении iPhone 5 показывает, что должно быть скрыто от экрана. Идеальное решение, на которое я надеюсь, в идеале будет какой-то конфигурацией с использованием Autolayout, который я не рассматривал или в худшем случае добавлял еще какой-то код для позиционирования UIView.

Заранее спасибо.

ответ

3

Для этого вам понадобится Autolayout. Чтобы начать, выберите представление, и вы пытаетесь прикрепить нижнюю часть экрана, и выберите кнопку «Pin» автозапуска, третью кнопку слева в группе кнопок в правом нижнем углу экрана. Вы должны увидеть это меню.

Значения могут отличаться в зависимости от используемого размера экрана и размера представления, которое вы пытаетесь ограничить, но сначала вы должны выбрать раскрывающееся меню для верхнего ограничения. Вы хотите, чтобы вы выбрали нижнюю опцию, чтобы ограничить «Руководство по началу макета». После того, как вы добавите это ограничение в свое представление, вы захотите расширить свои ограничения на «Конструктор контуров интерфейса» (левая панель). Выберите ограничение «Вертикальное пространство» и перейдите к «Attributes Inspector» (четвертый значок на правой панели). Измените значение «Отношение» вниз с «Равно» на «Меньше или равно».

enter image description here

Тогда вам нужно сделать что-то подобное для нижнего ограничения, кроме этого времени, вы будете хотеть, чтобы выбрать второй вариант вниз «View» (текущее расстояние = 0)

enter image description here

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

+0

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

+0

@DarrylBayliss Вы должны уметь решить это, добавив как левые, так и правые ограничения. И если это решает проблему, пожалуйста, не забудьте отметить как правильно :) –

+0

Это отлично работает. Большое спасибо! –

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