Размеры заставки Android для дисплеев ldpi, mdpi, hdpi, xhdpi? - например: 1024X768 пикселей для ldpi

Мне нужно разработать заставки (изображения, которые соответствуют экрану при загрузке) для приложения Android с использованием телефонной связи. Мне нужно создать изображения 4-х размеров, подходящие для 4-х типов экранов, таких как ldpi, mdpi, hdpi, xhdpi. Может ли кто-нибудь сказать мне точные размеры этих экранов в пикселях, чтобы я мог проектировать в таком размере?

Пример ответа:

ldpi - 1024X768 px
mdpi  - 111 X 156 px  

 We support ldpi, mdpi, hdpi and xhdpi displays; the following will define splash screens for each specific screen type.

<gap:splash src="splash/android/ldpi.png" gap:platform="android" gap:density="ldpi" />
<gap:splash src="splash/android/mdpi.png" gap:platform="android" gap:density="mdpi" />
<gap:splash src="splash/android/hdpi.png" gap:platform="android" gap:density="hdpi" />
<gap:splash src="splash/android/xhdpi.png" gap:platform="android" gap:density="xhdpi" />

Может быть любое количество разных размеров экрана из-за того, что Android не имеет установленного стандартного размера, поэтому в качестве руководства вы можете использовать минимальные размеры экрана, предоставляемые Google.

Согласно статистике Google, большинство дисплеев ldpi - это маленькие экраны, а большинство дисплеев mdpi, hdpi, xhdpi и xxhdpi - это экраны нормального размера.

• экраны xlarge: не менее 960dp x 720dp
• большие экраны - не менее 640dp x 480dp
• нормальные экраны не менее 470dp x 320dp
• маленькие экраны: не менее 426dp x 320dp

Вы можете просмотреть статистику относительных размеров устройств на панели управления Google, которая доступна здесь .

Более подробную информацию о нескольких экранах можно найти здесь .

9 Изображение патча

Лучшее решение - создать изображение с девятью фрагментами, чтобы граница изображения могла растягиваться до размера экрана, не затрагивая статическую область изображения.

http://developer.android.com/guide/topics/graphics/2d-graphics.html#nine-patch.

Размеры экрана-заставки для Android

и в то же время для Cordova (также известного как Phonegap), React-Native и всех других платформ разработки

Format : 9-Patch PNG (recommended)

Dimensions

 - LDPI:
    - Portrait: 200x320px
    - Landscape: 320x200px
 - MDPI:
    - Portrait: 320x480px
    - Landscape: 480x320px
 - HDPI:
    - Portrait: 480x800px
    - Landscape: 800x480px
 - XHDPI:
    - Portrait: 720px1280px
    - Landscape: 1280x720px
 - XXHDPI
    - Portrait: 960x1600px
    - Landscape: 1600x960px
 - XXXHDPI 
    - Portrait: 1280x1920px
    - Landscape: 1920x1280px

Примечание. Подготовка XXXHDPI не требуется, а также, возможно, размера XXHDPI из-за повторяющихся областей изображений с 9 фрагментами. С другой стороны, если использовать только портретные размеры, размер приложения мог бы быть еще меньше. Больше изображений означает, что вам нужно больше места.

Обращать внимание

Думаю, нет точного размера для всех устройств. Я использую Xperia Z 5 ". Если вы разрабатываете кроссплатформенное приложение с веб-просмотром, вы должны учитывать множество вещей (есть ли на экране кнопки навигации с помощью функциональных клавиш и т. Д.). Поэтому я думаю, что есть только одно подходящее решение. Решение состоит в том, чтобы подготовьте экран-заставку с 9 патчами (см. How to design a new splash screenзаголовок ниже).

1. Создайте заставку для экранов вышеуказанных размеров как 9-фрагментный . Дайте имена своим файлам с суффиксами .9.png
2. Добавьте приведенные ниже строки в файл config.xml.
3. При необходимости добавьте плагин заставки.
4. Запустите свой проект.

Это оно!

Код
для Кордовы. Необходимо добавить строки в config.xml для экранов-заставок с 9 патчами.

<preference name="SplashScreen" value="screen" />
<preference name="SplashScreenDelay" value="6000" />
<platform name="android">
    <splash src="res/screen/android/ldpi.9.png" density="ldpi"/>
    <splash src="res/screen/android/mdpi.9.png" density="mdpi"/>
    <splash src="res/screen/android/hdpi.9.png" density="hdpi"/>
    <splash src="res/screen/android/xhdpi.9.png" density="xhdpi"/> 
</platform>

Чтобы добавить строки в config.xml при использовании экранов-заставок без патчей

<platform name="android">
    <splash src="res/screen/android/splash-land-hdpi.png" density="land-hdpi"/>
    <splash src="res/screen/android/splash-land-ldpi.png" density="land-ldpi"/>
    <splash src="res/screen/android/splash-land-mdpi.png" density="land-mdpi"/>
    <splash src="res/screen/android/splash-land-xhdpi.png" density="land-xhdpi"/>

    <splash src="res/screen/android/splash-port-hdpi.png" density="port-hdpi"/>
    <splash src="res/screen/android/splash-port-ldpi.png" density="port-ldpi"/>
    <splash src="res/screen/android/splash-port-mdpi.png" density="port-mdpi"/>
    <splash src="res/screen/android/splash-port-xhdpi.png" density="port-xhdpi"/>
</platform>

Как создать новую заставку

Я бы описал простой способ создать правильный экран-заставку, используя этот способ. Предположим, мы разрабатываем экран с разрешением 1280dp x 720dp - xhdpi (x-large). Я написал для примера следующее:

• В Photoshop: Файл -> Создать в новом диалоговом окне установите свои экраны.

  Ширина: 720 пикселей Высота: 1280 пикселей

  Я предполагаю, что указанные выше размеры означают разрешение 320 пикселей / дюйм. Но чтобы убедиться, что вы можете изменить значение разрешения на 320 в своем диалоговом окне. В этом случае пикселей / дюйм = DPI.

  Поздравляем ... У вас есть шаблон заставки с разрешением 720dp x 1280dp.

Как создать экран-заставку с 9 патчами

После того, как вы разработали свой экран-заставку, если вы хотите создать экран-заставку с 9 элементами, вы должны вставить зазор в 1 пиксель для каждой стороны. По этой причине вам следует увеличить на +2 пикселя ширину и высоту вашего холста (теперь размеры вашего изображения 722 x 1282).

Я оставил пустой промежуток в 1 пиксель с каждой стороны, как показано ниже.
Изменение размера холста с помощью Photoshop:
- Откройте png-файл заставки в Photoshop
- Щелкните значок замка рядом с именем «Фон» в поле «Слои» (чтобы оставить пустым вместо другого цвета, например белого), если есть ниже: - Измените размер холста в меню «Изображение» (ширина: 720 пикселей на 722 пикселя и высота: 1280 пикселей на 1282 пикселя). Теперь должны появиться зазоры в 1 пиксель с каждой стороны изображения заставки.



Затем вы можете использовать C: \ Program Files (x86) \ Android \ android-studio \ sdk \ tools \ draw9patch.bat для преобразования файла с 9 исправлениями. Для этого откройте заставку в приложении draw9patch. Вы должны определить свой логотип и расширяемые области. Обратите внимание на черную линию на следующем примере экрана-заставки. Толщина черной линии составляет всего 1 пиксель;) Черные линии слева и сверху определяют область, которая должна отображаться на экране-заставке. Точно так, как вы задумали. Правая и нижняя линии определяют добавляемую и удаляемую области (автоматически повторяющиеся области).

Просто сделайте это: увеличьте верхний край изображения в приложении draw9patch. Щелкните и перетащите мышь, чтобы нарисовать линию. И нажмите Shift + щелкните и перетащите мышь, чтобы стереть линию.

Если вы разрабатываете кроссплатформенное приложение (например, Cordova / PhoneGap), вы можете найти по следующему адресу почти все размеры заставок мобильных ОС. Щелкните , чтобы увидеть размеры заставки для Windows Phone , WebOS , BlackBerry , Bada-WAC и Bada .

https://github.com/phonegap/phonegap/wiki/App-Splash-Screen-Sizes

А если вам нужны размеры значков приложений для iOS, Android и т. Д., Вы можете посетить здесь .

IOS

Format : PNG (recommended)

Dimensions

 - Tablet (iPad)
   - Non-Retina (1x)
     - Portrait: 768x1024px
     - Landscape: 1024x768px
   - Retina (2x)
     - Portrait: 1536x2048px
     - Landscape: 2048x1536px
 - Handheld (iPhone, iPod)
   - Non-Retina (1x)
     - Portrait: 320x480px
     - Landscape: 480x320px
   - Retina (2x)
     - Portrait: 640x960px
     - Landscape: 960x640px
 - iPhone 5 Retina (2x)
   - Portrait: 640x1136px
   - Landscape: 1136x640px
 - iPhone 6 (2x)
   - Portrait: 750x1334px
   - Landscape: 1334x750px
 - iPhone 6 Plus (3x)
   - Portrait: 1242x2208px
   - Landscape: 2208x1242px

Для мобильных устройств Android

LDPI- icon-36x36, splash-426x320 (теперь с правильными значениями)

MDPI- значок-48x48, заставка-470x320

HDPI- иконка 72x72, заставка - 640x480

XHDPI- значок-96x96, заставка- 960x720

XXHDPI- значок - 144x144

Все в пикселях.

Для планшетных устройств Android

LDPI:
    Portrait: 200x320px
    Landscape: 320x200px
MDPI:
    Portrait: 320x480px
    Landscape: 480x320px
HDPI:
    Portrait: 480x800px
    Landscape: 800x480px
XHDPI:
    Portrait: 720px1280px
    Landscape: 1280x720px

• LDPI: Портрет: 200 X 320 пикселей. Пейзаж: 320 х 200 пикселей.
• MDPI: Портрет: 320 X 480 пикселей. Пейзаж: 480 х 320 пикселей.
• HDPI: Портрет: 480 X 800 пикселей. Пейзаж: 800 X 480 пикселей.
• XHDPI: Портрет: 720 X 1280 пикселей. Пейзаж: 1280 X 720 пикселей.
• XXHDPI: Портрет: 960 X 1600 пикселей. Пейзаж: 1600 X 960 пикселей.
• XXXHDPI: Портрет: 1280 X 1920 пикселей. Пейзаж: 1920 X 1280 пикселей.

• Экраны Xlarge имеют разрешение не менее 960dp x 720dp
• Размер больших экранов элементов списка составляет не менее 640 x 480 точек.
• Обычные экраны элементов списка имеют разрешение не менее 470dp x 320dp.
• Маленькие экраны элементов списка имеют разрешение не менее 426 dp x 320 dp.

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

Просто воспользуйтесь этим сайтом: http://ticons.fokkezb.nl :)

Это облегчает вам задачу и напрямую генерирует правильные размеры

экраны xlarge: макет не менее 960dp x 720dp - планшет xlarge 10 дюймов (720x1280 mdpi, 800x1280 mdpi и т. д.)

большие экраны: как минимум 640 dp x 480 dp tweener-планшет, такой как Streak (480 x 800 mdpi), 7-дюймовый планшет (600 x 1024 m dpi)

нормальные экраны - не менее 470dp x 320dp макет типичный экран телефона (480x800 hdpi)

маленькие экраны имеют размер не менее 426dp x 320dp, типичный экран телефона (240x320 ldpi, 320x480 mdpi и т. д.)