2017-01-27 3 views
0

У нас есть фоновое изображение для нашего приложения, которое должно быть полноэкранным для каждого устройства, на котором мы запускаем приложение. Наша проблема заключается в том, что фоновое изображение накладывается на наш iPhone 6S + (отображение масштаба выключено).фоновые файлы изображений для iPhone

enter image description here

я нарисовал в красных линиях, чтобы выделить, где плиточные происходит ...

enter image description here

Мы создали 3 фоновых изображений следующих размеров ...

enter image description here

Итак, проектирование для 1x (что является рекомендуемым способом t o go), наш базовый уровень 1x фонового изображения составляет 320 пикселей в ширину. Наши 2x - 640 пикселей, а наши 3x - 960 пикселей.

Проблема в том, что iPhone 6S + составляет 1080 пикселей в ширину, и в соответствии с этой диаграммой вам необходимо начать с 3-кратного изображения шириной 1242 пикселя. И здесь я скучаю, как это должно работать.

из https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions enter image description here

С диаграмме выше в виду, кажется, вам нужно отдельное изображение для каждого разрешения выделены красным квадратом на рисунке выше. Это верно? И если да, то как вы помещаете каждое отдельное изображение так, чтобы во время выполнения был выбран правильный?

ответ

1

Три изображения, названные так, как вы их за background.png, все, что вам нужно.

Теперь давайте поговорим об изображении Просмотров. Они отображают изображение с помощью content mode. Главное - выбрать правильный режим. Aspect Fill - это то, что вы, вероятно, хотите здесь, потому что оно заполнит изображение без искажения изображения.

Одна из процедур заключается в том, чтобы использовать большее изображение, чем то, что у вас есть, и настроить изображение, отображающее изображение, для использования соответствующего режима содержимого, такого как Аспект Заполнения, чтобы он уменьшал изображение до соответствия (или, чтобы сэкономить память, во время выполнения вы можете самостоятельно ее настроить).

Другая возможность заключается в том, чтобы оставить ваше изображение таким, какое оно есть, и решить проблему на машинах Плюс, указав изображение, чтобы увеличить изображение до, чтобы поместиться, опять же, с помощью Aspect Fill. Это может выглядеть или не выглядеть приемлемым; вам придется попробовать и посмотреть, что вы думаете.

+0

Как раз для того, чтобы дать практический пример, в одном из моих приложений для iPhone я использую фоновое изображение с 3х версией 994x1540 и позволяю размеру изображения на нем или на всех устройствах, и я думаю, что он выглядит очень хорошо на всех их. Для этого конкретного изображения я не против искажения искажений, поэтому я использую Scale To Fill в качестве режима содержимого. – matt

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