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

103

Мне нужно разработать заставки (изображения, которые соответствуют экрану при загрузке) для приложения 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" />
user1767962
источник
3
это поможет вам
Мохаммед Ажаруддин Шейх

Ответы:

98

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

Алекс Визе
источник
Не могли бы вы также включить xxhdpi? (если он существует)
Адонис К. Какулидис 03
Google определяет xxhdpi как ~ 480 точек на дюйм. Насколько я могу судить, они не предоставляют для этого минимального размера экрана.
Alex Wiese
8
Почему у него так много голосов? xlarge != xhdpi, они измеряют две совершенно разные вещи. Эти размеры dp указаны для ведер размера, а не для плотности.
Geobits
@geobits посмотрите на вопрос. Он спрашивает, какого размера должны быть его заставки для каждой поддерживаемой плотности. Поскольку может быть любое количество разных размеров из-за того, что Android не имеет установленного стандартного размера, наиболее близкий правильный ответ, который мы можем дать, - это минимальные размеры экрана, предоставляемые Google. Подробнее об этом вы можете прочитать, перейдя по ссылке в ответе.
Alex Wiese
2
Я понимаю, что вы говорите, но ваш ответ не об этом. Если бы это было так, я бы даже не стал комментировать. Он попросил список размеров, а вы просто даете список, основанный на чем-то другом, без каких-либо объяснений. Вы должны отредактировать его, независимо от того, ссылаетесь ли вы на документы.
Geobits
135

Размеры экрана-заставки для 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 + щелкните и перетащите мышь, чтобы стереть линию.

Пример 9-патч-дизайна

Если вы разрабатываете кроссплатформенное приложение (например, 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
эфкан
источник
105

Для мобильных устройств 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
Нижил Наир
источник
@Geobits: оба в пикселях. То есть для разных разрешений. Я не вижу здесь путаницы. странный!!
Nijil Nair
1
Размеры вы даете для ldpi/mdpi/hdpi/xhdpiсоответствовать small/normal/large/xlargeв дп согласно этим . Кроме того, если они имеют размер в пикселях, они должны быть в масштабе 0.75/1/1.5/2. У вас есть источник этих размеров, которого я не вижу?
Geobits
@NijilNair: почему разрешение изображений на планшете меньше, чем на мобильных телефонах ?! Разве не должно быть наоборот? Например, меня удивило сообщение «Mobile phone ldpi: 426x320», а затем «Tablet ldpi: 320 x 200» ... это вообще не кажется логичным. Спасибо за ответы!
Phalanx
@Phalanx: проверьте эту ссылку. developer.android.com/guide/practices/… .
Nijil Nair
1
Вы уверены, что значок LDPI не 36x36?
Владиус
32
  • 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 пикселей.
Манавендер
источник
2
Везде, где я читаю, xhdpi просто вдвое больше, чем mdpi, поэтому в соответствии с этим xhdpi должно быть 640 x 960, а вы написали 720x1280. Подскажите пожалуйста, как это 720х1280? Какую формулу вы использовали?
Рахул Шарма
Разве не xxxhdpi 1440x2560? Согласно этому списку, где Google Pixel XL указан как xxxhdpi material.io/resources/devices
CularBytes
10
  • Экраны Xlarge имеют разрешение не менее 960dp x 720dp
  • Размер больших экранов элементов списка составляет не менее 640 x 480 точек.
  • Обычные экраны элементов списка имеют разрешение не менее 470dp x 320dp.
  • Маленькие экраны элементов списка имеют разрешение не менее 426 dp x 320 dp.

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

Puneet
источник
5

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

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

Усама Л.
источник
Этот веб-сайт предназначен для изображений iOS, а не Android.
Райан Уильямс
2
Я использовал его для Android и остался вполне доволен результатами; à
Oussama L.
2

экраны 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 и т. д.)

Амила
источник