Создание нескольких изображений с разными размерами.
Это выбор, с которым я иду сейчас,
давайте предположим, что базовое изображение имеет размер 100x70, а разрешение базового экрана составляет 320x480.
baseImage.png 100x70 | 320x480 for IPhone and Android mdpi normal screen
baseImage@2.png 200x140 | 640x960 for IPhone 4
baseImage@ipad.png 213x149 | 768x1024 for IPads and Android mdpi xlarge screen
baseImage@hdpi.png 150x105 | 480x800 for Android hdpi normal screen
на основе здесь :
top 3 Android screen density and size
hdpi normal 66.3%
mdpi normal 18.5%
mdpi xlarge 4.9%
Сначала измените весь код инициализации изображения на newImageRect()
.
Он загрузит соответствующий файл изображения с ближайшим разрешением и соотношением.
Если лучшего соответствия не найдено, будет загружено базовое изображение.
local img = display.newImageRect("baseImage.png",100,70)
--100 is base width
-- 70 is base height
затем установите базовое разрешение для приложения и соглашение об именах для изображений с несколькими разрешениями в config.lua.
application =
{
content =
{
width = 320,
height = 480,
scale = "letterBox",
xAlign = "center",
yAlign = "center",
imageSuffix =
{
["@2"] = 2,
["@ipad"] = 2.133, --1024/480
["@hdpi"] = 1.5, --480/320
},
},
}
Сводка : Экран увеличится, чтобы показать все элементы на экране. Это автоматически загрузит наименьшее возможное изображение. Минусы на устройствах с соотношением 1,5 или выше, будет лишняя черная область с левой и правой стороны экрана.
Это все, на что я надеюсь.
У нас пока нет IPad 3 (со смешным разрешением 2048x1536) для тестирования, поэтому я не могу комментировать.