2015-08-04 1 views
0

Я новичок в разработке iOS, поэтому устанавливать ограничения для объектов на раскадровке в Xcode было сложно для меня.Ограничения по уходу за различными размерами iPhone/iPad для изображений xcode 7 beta 4

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

screenshot

Я попытался добавить ограничения прикрепляя все три изображения слева, справа и ниже, но у меня есть ошибки, и на тренажерах это совсем не получилось. Все изображения находятся в режиме заполнения аспект, и у меня есть вид в размере iPhone 4, когда я помещаю изображения в раскадровку. Вот пример того, что это выглядит как в симуляторе iPhone 6 без каких-либо ограничений:

screenshot

Каковы ограничения, мне нужно, чтобы он выглядел хорошо для всех размеров iPhone и IPad и выглядит, как это делает в Раскадровка? И ландшафтный режим не будет частью этого приложения, поэтому его не нужно будет учитывать.

+0

Попытайтесь центрировать все три вида (в то время как все они выбраны), а затем «Добавить отсутствующие контравы». Обратите внимание, не используйте стратегию, которую вы используете в настоящее время для границ UIButton. Посмотрите, как создавать пользовательские границы, хотя IB или даже программно. Ваша текущая настройка очень грязная, а не хорошая практика. – Caleb

+1

Я согласен с @Caleb. Проблема в том, что вы создали границы для кнопок в качестве изображений. Это не так, как вы это делаете. Если у вас есть изображение для кнопки, сделайте это фоновое изображение кнопки. – matt

+0

Да, я подумал, что это неправильно, я изменил его на все кнопки с границами программным способом, но он все еще не работает. См. Комментарий к изображению ниже. Какие-либо предложения? – km95

ответ

6

enter image description here

Вы можете также использовать кнопку 1 равна ширине ограничение и кнопка 2 равна ширине ограничение

Для получения более подробной информации http://www.raywenderlich.com/83129/beginning-auto-layout-tutorial-swift-part-1

enter image description here

Что ваше требование ???

+0

Итак, я поменял изображения на реальные кнопки с границами программно, как и другие, и я использовал ваши ограничения и получил эти ошибки: http://s5.postimg.org/45xczyc3r/Screen_Shot_2015_08_04_at_12_34_41_AM.png Вот как это получается в 4s например: http://s5.postimg.org/taodddbk7/Screen_Shot_2015_08_04_at_12_35_11_AM.png он по-прежнему выглядит не так, и когда я изменил вид на 3,5 дюйма, как вы сказали, длинная нижняя кнопка закрывается, поскольку все движется вниз – km95

+0

Существует также функция «Предварительный просмотр» (разделение окна влево и вправо), где вы можете добавлять моделируемые устройства разных размеров (нажав кнопку с двумя пересекающимися кругами и выбрав «Предварительный просмотр (1)» из левой левой палитры навигации, вниз). –

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