2015-01-22 3 views
0

Я пытаюсь создать главный экран для своего приложения. Сначала я работал над Photoshop, чтобы проектировать элементы и пытался поместить их в свою панель рассказов. Однако вскоре я понял, что у меня проблема.Как изменить размер изображений с помощью Xcode AutoLayout?

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

Вот мой прототип изображения. Извините, я не могу выровнять, потому что у меня недостаточно репутации. http://i.stack.imgur.com/4gop1.jpg

ответ

0

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

После этого у меня возникли проблемы, поместив другое изображение правильно пропорционально первому. Моим решением было просто сделать их одним изображением вместо двух. Это было быстро сделать, скопировав второе изображение из Xcode с помощью cmd + C и скопировав его на первое изображение в Preview с помощью cmd + V.

Для простых случаев это может оказаться проще, чем попытаться правильно определить макет ,

1

Включите AutoLayout для использования классов классов и получите максимальную отдачу от своих мощных функций.

img0

iPhone'ов и IPADS используют различные классы размеров. Вы сможете выбрать класс размера и применить к нему изменения.

Например, если вы хотите специально использовать UIImage на iPhone, вы должны подать в суд на класс compactWidth/RegularHeight.

img2

Если вы хотите изображение быть размещены на любом устройстве, используйте класс/AnyHeight AnyWidth.

Узнайте больше о AutoLayout here.

+0

Спасибо за ваш ответ. У меня уже есть функция автоопределения и использования класса размера, выбранного в моем проекте. У меня проблемы с размером, который я должен выбрать для каждой картинки, которую я разместил. Например, если я выбираю 92x84 в качестве своего значка, он показывает ОК на iPhone 5. Однако он будет испорчен, если я выберу iPhone 4 или iPhone 6. Поскольку я задал размер этих изображений в качестве фонового изображения своей кнопки, Я знаю, как изменить размер этих кнопок. Я пытаюсь достичь, создавать отдельные изображения для каждого idevice и использовать эти значки для кнопок. – Meanteacher

+0

Я понял, что вы имеете в виду. У меня была такая же проблема несколько дней назад. Да, это расстраивает, потому что вы не можете нацелиться на конкретное устройство с помощью AutoLayout, но для этого есть обходной путь. Вам нужно поместить невидимое представление, установить для него верхние и нижние ограничения и поместить изображение внутри представления. Это был мой вопрос: http://stackoverflow.com/questions/27989848/in-interface-builder-how-i-do-to-resize-correctly-this-image-to-make-it-device. Это был ответ, который решил его: http://stackoverflow.com/a/20865342/1135714. – Cesare

+0

Жаль, что я такой новичок. Кнопки будут изменять размер с помощью классов Autolayout и size. Однако, не будет ли изображение выглядеть ужасно, если я изменю его размер? Должен ли я иметь очень большое изображение, чтобы оно автоматически менялось? Или я должен делать отдельные изображения для каждого размера экрана и называть его 2x 3x и т. Д.Я буду очень признателен, если вы сможете создать только одно приложение с такой структурой кнопок на моей картинке. Я просто не могу сделать голову или хвост. – Meanteacher

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