Как нарисовать в DP (Android)

Я понимаю, что такое dp.... но как узнать, сколько пикселей на моем компьютере соответствует одному DP? Также есть ли программа, которую я мог бы использовать для работы в DP при рисовании? Все, что я хочу сделать, это в основном создать значок приложения прямо сейчас, но я не могу найти, как это сделать. Я чувствую, что ответ прямо в моем лице. Но по сути я просто хочу, чтобы он знал, как я знаю, что такое DP изображения, которое я рисую, как программа paint.net. Или есть способ рассчитать это? Я попробовал (из любопытства) всего лишь 24 пикселя на моем компьютере... это не сработало так хорошо. Так может кто-нибудь предложить какой-нибудь совет? Могу ли я рассчитать его на основе моего размера экрана? Я совсем не против математики, а просто должен знать, как сделать иконку приложения.

Источник

1 ответ

Проверьте первую страницу документа Iconography Design!
Также прочитайте Поддержка нескольких экранов, чтобы понять больше.

Суть того, что я понял до сих пор и как я это сделал для иконки запуска:

  1. Создать холст 512х512 пикселей
    Это размер веб-значка, он называется значком Hi-Res в консоли разработчика.
  2. Нарисуйте любой значок, который вы хотите создать
  3. Используйте прозрачность вокруг объекта, который вы рисуете
  4. Попытайтесь заставить это выглядеть трехмерным с небольшим темным жаром / тенью
  5. Сделав это, сохраните свою работу как оригинальную.
  6. Затем откройте оригинал и экспортируйте его как ресурс другого размера (png/jpg) на основе приведенной ниже таблицы и поместите каждый файл в соответствующую папку drawable-??dpi: 
╔═════════╦════════╦════════════╦═══════╦═════════ ══╦════════════╦════════════╗
║ Имя ║  DPI   ║ Множитель ║ Соотношение ║ Панель запуска ║ Панель действий ║ Панель действий ║
║ ║ ║ ║ ║ значки ║ значки ║ поле ║
╠═════════╬════════╬════════════╬═══════╬═══════════╬════════════╬════════════╣
║ размер *   ║ -      ║ -          ║ -     ║ 48 дп /48 дп ║ 24 дп /32 дп ║ 8 дп ║
╠═════════╬════════╬════════════╬═══════╬═══════════╬════════════╬════════════╣
║ LDPI**  ║ 120 точек на дюйм ║ 0,75x      ║ 1,5   ║ 36px      ║ 24px       ║ 6px        ║
║ MDPI    ║ 160dpi ║ 1x         ║ 2     ║ 48px      ║ 32px       ║ 8px        ║
║ TVDPI** ║ 213 точек на дюйм ║ 1,33x      ║ -     ║ -         ║ -          ║ -          ║
║ HDPI    ║ 240 точек на дюйм ║ 1,5x       ║ 3     ║ 72px      ║ 48px       ║ 12px       ║
║ XHDPI   ║ 320 точек на дюйм ║ 2x         ║ 4     ║ 96px      ║ 64px       ║ 16px       ║
║ XXHDPI  ║ 480 точек на дюйм ║ 3x         ║ 6     ║ 144px     ║ 96px       ║ 24px       ║
║ XXXHDPI ║ 640 точек на дюйм ║ 4x         ║ 8     ║ 192px     ║ 128px      ║ 32px       ║
║ Веб *** ║ - ║ 5x ║ 10 ║ 512px ║ - ║ - ║
╚═════════╩════════╩════════════╩═══════╩═════════ ══╩════════════╩════════════╝

* Оптический квадрат / полный размер активов, разница между ними
** LDPI автоматически загружается из изображений HDPI÷2, TVDPI автоматически загружается из MDPI / HDPI.
*** Веб не должен быть упакован в AP

Если вы достаточно взрослый, вы все еще помните эти размеры точек на дюйм как часто используемые разрешения экрана:)

Чтобы легко рассчитать любой требуемый размер провала, вам нужно знать, например, какую плотность вы ищете xxhdpi размер 50dp является 3x 50px (так как mdpi является 1x т.е. 50px).

Осторожно: при разработке иконки она будет слишком большой для иконки, попробуйте использовать редактор, в котором у вас постоянный предварительный просмотр небольшого размера (например, Paint.net отображает предварительный просмотр на каждой вкладке). После того, как вы измените размеры до заданных размеров, они будут казаться слишком маленькими, но если вы поместите свой телефон рядом с экраном, они физически будут больше на экране...

Источник
Другие вопросы по тегам