14 мая 2014 г., 20:26 отPeter Mortensenarielschon12

Размеры заставки Android для всех устройств

У меня полноэкранный PNG, который я хочу отображать на заставке. Там только одна ошибка, и я не знаю, какой размер поместить в каждую папку для рисования ldpi, mdpi, hdpi, а такжеxhdpi). Мое приложение должно работать хорошо и красиво на всех телефонах и планшетах. Какие размеры (в пикселях) я должен создать, чтобы заставка хорошо отображалась на всех экранах?

Ответы на вопрос(9)

11 янв. 2016 г., 15:18 отAjmal Salim
PORTRAIT MODE

LDPI составляет 0,75 x MDPI = 240x360px

HDPI - 1,5 x MDPI = 480x720 пикселей

XHDPI - 2 x MDPI = 640x960px

XXHDPI - 3 x MDPI = 960x1440px

XXXHDPI - 4 x MDPI = 1280x1920px

ЛАНДШАФТНЫЙ РЕЖИ

MDPI - 480x320 точек на дюйм = 480x320 пикселей (1x)

LDPI составляет 0,75 x MDPI = 360x240px

HDPI - 1,5 x MDPI = 720x480 пикселей

XHDPI - 2 x MDPI = 960x640px

XXHDPI - 3 x MDPI = 1440x960px

XXXHDPI - 4 x MDPI = 1920x1280px

23 апр. 2014 г., 01:51 отJRE.exe

ПОРТРЕ

LDPI: 200x320 пикселей

MDPI: 320x480 пикселей

HDPI: 480x800 пикселей

XHDPI: 720px1280px

ПЕЙЗА

LDPI: 320x200px

MDPI: 480x320 пикселей

HDPI: 800x480 пикселей

XHDPI: 1280x720px

05 дек. 2013 г., 05:56 отPeter Mortensen

если речь идет о производительности. Вы можете использовать нарисованные XML-файлы, например, Фейсбук фон.

Это поможет вам сгладить и ускорить вашу работу, а также использовать логотип .9 патч-изображений.

03 сент. 2015 г., 14:59 отRichard de Wit
Density buckets

LDPI    120dpi    .75x
MDPI    160dpi    1x
HDPI    240dpi    1.5x
XHDPI   320dpi    2x
XXHDPI  480dpi    3x
XXXHDPI 640dpi    4x

px / dp = dpi / 160 dpi
27 окт. 2015 г., 09:51 отuser3295573

который можно нарисовать в style.xml. С возможностью рисования списка слоев вам нужен всего один png для всех размеров экрана.

<resources xmlns:tools="http://schemas.android.com/tools">
<!-- Base application theme. -->
<style name="AppTheme" parent="android:Theme.Holo.Light.DarkActionBar">
    <item name="android:windowNoTitle">true</item>
    <item name="android:windowBackground">@drawable/flash_screen</item>
    <item name="android:windowTranslucentStatus" tools:ignore="NewApi">true</item>
</style>

и flash_screen.xml в папке для рисования.

<?xml version="1.0" encoding="utf-8"?>
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@android:color/white"></item>
<item>
    <bitmap android:src="@drawable/background_noizi" android:gravity="center"></bitmap>
</item>

"background_noizi" - это png в папке для рисования. Я надеюсь, что это поможет

20 янв. 2014 г., 09:34 отAmit K. Saha

чтобы сделать 9-патч. Теперь сделать 9-патч - самое простое задание.

Отhttps: //romannurik.github.io/AndroidAssetStudio/index.htm Вы можете сделать изображение из 9 патчей для всех разрешений - XHDPI, HDPI, MDPI, LDPI одним щелчком мыши.

04 окт. 2016 г., 02:47 отV. Kalyuzhnyu


Надеюсь, это будет полезно для кого-то

Честно говоря, я потерял идею, но это относится к размеру экрана (не только к плотности)
https: //developer.android.com/guide/practices/screens_support.htm
Пожалуйста, сообщите мне, если есть ошибки

Link1: sizes.xlsx

Link2: размеры.xlsx

29 июн. 2017 г., 05:57 отMidhun Vijayakumar

** Если вы ищете подробности экрана для всех основных устройств **

перейти к материалу .io

01 апр. 2013 г., 12:27 отLucas Cerro
Отказ от ответственности

сейчас существует 6 групп плотности экрана. Этот ответ будет обновлен, как только я смогу, но без ETA. Обратитесь к официальная документация для всех плотностей на данный момент (хотя информацию о конкретных размерах пикселей как всегда трудно найти).

Вот версия tl / dr

Создайте 4 изображения, по одному для каждой плотности экрана:

xlarge (xhdpi): 640x960 большой (hdpi): 480x800medium (mdpi): 320x480small (ldpi): 240x320

Читать 9-патч введение изображения в Android Руководстве разработчика

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

При этом Android выберет соответствующий файл для плотности изображения устройства, затем растянет изображение в соответствии со стандартом 9-патчей.

end of tl; dr. Полный пост впереди

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

Подходит для всех размеров

С Android компании могут разрабатывать свои мобильные телефоны и столы практически любого размера, практически с любым разрешением, которое они хотят. Из-за этого не существует «правильного размера изображения» для заставки, так как нет фиксированного разрешения экрана. Это создает проблему для людей, которые хотят реализовать заставку.

Ваши пользователи действительно хотят видеть заставку?

(Кстати, заставки для юзабилити несколько обескураживают заставками. Утверждают, что пользователь уже знает, к какому приложению он прикоснулся, и маркировка вашего изображения заставкой не нужна, поскольку это только мешает работе пользователя). с надписью «ad». Однако его следует использовать в приложениях, которые требуют некоторой значительной загрузки при инициализации (5 с +), включая игры и т. д., чтобы пользователь не застревал, задаваясь вопросом, произошло ли падение приложения или нет)

Плотность экрана; 4 класса

Так что, учитывая огромное количество разных разрешений экрана в телефонах, представленных на рынке, Google реализовал несколько альтернатив и изящных решений, которые могут помочь. Первое, что вы должны знать, это то, что Android отделяетВС экраны на 4 различных плотности экрана:

Низкая плотность (ldpi ~ 120dpi) Средняя плотность (т / д ~ 160 т / д) Высокая плотность (hdpi ~ 240 dpi) Сверхвысокая плотность (xhdpi ~ 320 точек на дюйм) (Эти значения точек на дюйм являются приблизительными, поскольку устройства, изготовленные на заказ, будут иметь различные значения точек на дюйм)

Что вы (если вы дизайнер) должны знать, что Android в основном выбирает из 4 изображений для отображения в зависимости от устройства. Таким образом, вам в основном нужно создать 4 разных изображения (хотя может быть разработано больше для разных форматов, таких как широкоэкранный, портретный / альбомный режим и т. Д.

Имея это в виду, знайте: если вы не создадите экран для каждого отдельного разрешения, используемого в Android, ваше изображение растянется до размера экрана. И если ваше изображение в основном не градиентное или размытое, вы получите нежелательные искажения при растяжении. Таким образом, у вас есть в основном два варианта: создать изображение для каждой комбинации размера / плотности экрана или создать четыре 9-патч-изображения.

Самым сложным решением является создание отдельного заставки для каждого разрешения. Вы можете начать, следуя решениям в таблице в концеэта страниц (их больше. Пример: 960 x 720 там не указан). А если предположить, что на изображении есть мелкие детали, такие как мелкий текст, вам нужно создать более одного экрана для каждого разрешения. Например, изображение 480x800, отображаемое на среднем экране, может выглядеть нормально, но на меньшем экране (с более высокой плотностью / dpi) логотип может стать слишком маленьким или текст может стать нечитаемым.

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

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

Несколько основных правил Вы можете создавать эти изображения в фотошопе (или в любом программном обеспечении для редактирования изображений, которое может точно создавать прозрачные png-файлы). 1-пиксельная граница должна быть ПОЛНОСТЬЮ ПРОЗРАЧНОЙ. 1-пиксельная прозрачная рамка должна быть вокруг всего изображения, а не только сверху и слева. Вы можете рисовать только черные (# 000000) пиксели в этой области. Верхняя и левая границы (которые определяют растяжение изображения) могут иметь только одну точку (1px x 1px), две точки (обе 1px x 1px) или ОДНУ непрерывную линию (ширина x 1px или 1px x высота). Если вы решите использовать 2 точки, изображение будет пропорционально увеличено (поэтому каждая точка будет увеличиваться по очереди, пока не будет достигнута окончательная ширина / высота) Граница в 1 пиксель должна быть в дополнение к предполагаемым размерам базового файла. Таким образом, изображение с 9-патчами 100x100 должно иметь размер 102x102 (100x100 + 1px сверху, снизу, слева и справа 9-патч изображения должны заканчиваться * .9.png

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

Приме

Вот изображение с 9-ю патчами, 102x102px (конечный размер 100x100, для приложений):

Вот 200% -ое увеличение того же изображения:

Обратите внимание на отметки 1px сверху и слева, указывающие, какие строки / столбцы будут расширяться.

Вот как это изображение будет выглядеть в приложении 100x100:

А вот что было бы, если бы оно было расширено до 460x140:

Последнее, что нужно рассмотреть. Эти изображения могут хорошо выглядеть на экране вашего монитора и на большинстве мобильных телефонов, но если устройство имеет очень высокую плотность изображения (dpi), изображение будет выглядеть слишком маленьким. Вероятно, все еще разборчиво, но на планшете с разрешением 1920x1200 изображение будет выглядеть как очень маленький квадрат в середине. Так в чем же решение? Создайте 4 разных изображения запуска с 9 патчами, каждое для своего набора плотности. Чтобы гарантировать, что сжатие не произойдет, вы должны разработать самое низкое общее разрешение для каждой категории плотности. Сжатие здесь нежелательно, потому что 9-патч учитывает только растяжение, поэтому в процессе сжатия мелкий текст и другие элементы могут потерять разборчивость.

Вот список самых маленьких и наиболее распространенных разрешений для каждой категории плотности:

xlarge (xhdpi): 640x960 большой (hdpi): 480x800medium (mdpi): 320x480small (ldpi): 240x320

Создайте четыре заставки в указанных выше разрешениях, разверните изображения, поместив прозрачную рамку размером 1 пиксель вокруг холста, и отметьте, какие строки / столбцы будут растягиваться. Имейте в виду, что эти изображения будут использоваться дляЛЮБО устройство в категории плотности, поэтому изображение ldpi (240 x 320) может быть растянуто до 1024x600 на очень большом планшете с небольшой плотностью изображения (~ 120 dpi). Таким образом, 9-patch - лучшее решение для растяжения, если вы не хотите, чтобы фотография или сложная графика использовались для заставки (имейте в виду эти ограничения при создании дизайна).

Снова, единственный способ избежать этого растяжения - создать один экран для каждого разрешения (или один для каждой комбинации плотности разрешения, если вы хотите избежать слишком маленького / большого размера изображений на устройствах с высокой / низкой плотностью) или скажите, чтобы изображение не растягивалось и чтобы цвет фона появлялся везде, где бы ни происходило растяжение (также помните, что определенный цвет, отображаемый движком Android, вероятно, будет отличаться от того же конкретного цвета, отображаемого в фотошопе, из-за цветовых профилей

Надеюсь, это имело смысл. Удачи

ВАШ ОТВЕТ НА ВОПРОС