iPhone @ 2x дизайн в эскизе НЕИСПРАВНОСТЬ

Question

Я уже прочитал огромное количество сообщений и статей о размерах экрана iPhone, но не могу найти информацию о следующей проблеме.

Недавно я получил дизайн, сделанный в эскизе, и размеры монтажной панели - 640x1136 (и все ресурсы такие, как фоновое изображение). Как я понимаю - дизайнерский хайв сделал дизайн для iphone 5 - 4inch. И мои проекты в 2x. Я прав?

Please see Sketch project Screen here!

Так я хочу, чтобы экспортировать дизайн для всех iPhone'ов 4,5,6,6s плюс.

В настоящее время я разрабатываю свой проект с помощью iphone 6s и физического устройства.

Но когда я экспортировать проекты в эскизе, как на screenshoot - я получить 3 изображения

1. 320x568 точек (экспортированных в 0.5x)
2. 640x1136 точки (экспортированных в ом)
3. 960x1704 точек (экспортируется как 1.5x)

И они не подходят для всех устройств, когда я добавляю 3 изображения в Assets.xcassets.

Также я могу экспортировать в 2x, но я получаю 1280 × 2272px, и это больше чем iPhone 6s плюс разрешение экрана.

Что я должен сделать, чтобы эти эскизные проекты хорошо работали на всех iPhone, особенно на моем iPhone 6s плюс? Может быть, я могу использовать только одно изображение для всех iPhone в xcode?

Answer 1

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

640 x 1136 - правильное разрешение пикселей для iPhone 5. Однако iPhone 4 составляет 640 x 960 (короче по высоте, но такой же ширины).

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