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

Мне нужно создать заставки (изображения, которые соответствуют экрану при загрузке) для приложения Android с помощью phonegap. Я должен проектировать 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" />

Ответы

Ответ 1

Может быть любое количество разных размеров экрана из-за того, что 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

Ответ 2

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

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

MDPI- icon-48x48, splash-470x320

HDPI- значок 72x72, splash- 640x480

XHDPI- icon-96x96, splash-960x720

XXHDPI- icon- 144x144

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

Для Android Tablet Devices

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

Ответ 3

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

и в то же время для Кордовы (a.k.a 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 ".Если вы разработаете приложение crossplatform-webview, вы должны рассмотреть много вещей (будь то экран с кнопками навигации по кнопке или нет и т.д.), Поэтому я считаю, что есть только одно подходящее решение. a href=" http://developer.android.com/guide/topics/graphics/2d-graphics.html#nine-patch "rel= "noreferrer" > , чтобы подготовить 9-patch splash screen (найдите How to design a new splash screen заголовок ниже).

  • Создайте всплывающие экраны для указанных выше размеров экрана как 9-patch. Дайте имена вашим файлам с суффиксами .9.png
  • Добавьте строки ниже в файл config.xml
  • Добавьте плагин заставки, если это необходимо.
  • Запустите проект.

Что это!

Специальный код Кордовы
Чтобы добавить строки в конфигурационный файл config.xml для 9-patch

<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 при использовании экранов не -9-patch

<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


- Нажмите на значок блокировки рядом с именем "Фон" в поле "Слои" (чтобы оставить пустым вместо другого цвета, например, белый), если это похоже на следующее:
enter image description here
- Изменение размера холста из меню Изображение (Ширина: 720 пикселей до 722 пикселей и Высота: от 1280 до 1282 пикселей). Теперь нужно увидеть 1 пиксельный зазор на каждой стороне изображения заставки.

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

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

Sample 9-patch design

Если вы разрабатываете кросс-платформенное приложение (например, Cordova/PhoneGap), вы можете найти следующий адрес почти во всех размерах экрана всплеска OS. Нажмите 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

Ответ 4

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

Ответ 5

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

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

Ответ 6

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

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

Ответ 7

xlarge экраны размером не менее 960dp x 720dp layout-xlarge 10 "(720x1280 mdpi, 800x1280 mdpi и т.д.)

большие экраны составляют как минимум 640dp x 480dp tweener tablet, такие как Streak (480x800 mdpi), 7-дюймовый планшет (600x1024 mdpi)

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

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