如何在DP中绘制(Android)

时间:2013-04-24 02:21:55

标签: android user-interface icons dpi paint.net

我明白dp是什么....但我怎么知道我的电脑上有多少像素是一个DP?还有一个程序可以在绘图时用于在DP中工作吗?我所要做的就是基本上设计一个应用程序图标,但我似乎无法找到如何。我觉得答案就在我脸上。但基本上我只是想让它知道我是如何知道DP是一个像paint.net程序一样绘制的图像。或者有办法计算吗?我试着(出于好奇)在我的计算机上只有一个24像素的东西......但效果并不好。那么有人可以提供任何建议吗?我可以根据屏幕尺寸计算出来吗?我根本不反对数学,但只需知道如何制作应用程序图标。

1 个答案:

答案 0 :(得分:0)

查看Iconography Design document的第一页!
另请阅读Supporting Multiple Screens以了解更多信息。

到目前为止我所理解的内容以及我是如何为启动器图标做的:

  1. 创建512x512像素的画布
    这是网络图标的大小,在开发者控制台中称为高分辨率图标
  2. 绘制您要创建的任何图标
  3. 在您正在绘制的对象周围使用透明度
  4. 尝试让它看起来像一个黑暗的光晕/阴影
  5. 完成后,将您的工作保存为原始
  6. 然后打开原始并根据下表导出为不同大小的资源(png / jpg),并将每个文件放入相应的 drawable - ?? dpi 文件夹:
  7. ╔═════════╦════════╦════════════╦═══════╦═══════════╦════════════╦════════════╗
    ║  Name   ║  DPI   ║ Multiplier ║ Ratio ║ Launcher  ║ Action Bar ║ Action Bar ║
    ║         ║        ║            ║       ║ icons     ║ icons      ║ margin     ║
    ╠═════════╬════════╬════════════╬═══════╬═══════════╬════════════╬════════════╣
    ║ size*   ║ -      ║ -          ║ -     ║ 48dp/48dp ║ 24dp/32dp  ║ 8dp        ║
    ╠═════════╬════════╬════════════╬═══════╬═══════════╬════════════╬════════════╣
    ║ LDPI**  ║ 120dpi ║ 0.75x      ║ 1.5   ║ 36px      ║ 24px       ║ 6px        ║
    ║ MDPI    ║ 160dpi ║ 1x         ║ 2     ║ 48px      ║ 32px       ║ 8px        ║
    ║ TVDPI** ║ 213dpi ║ 1.33x      ║ -     ║ -         ║ -          ║ -          ║
    ║ HDPI    ║ 240dpi ║ 1.5x       ║ 3     ║ 72px      ║ 48px       ║ 12px       ║
    ║ XHDPI   ║ 320dpi ║ 2x         ║ 4     ║ 96px      ║ 64px       ║ 16px       ║
    ║ XXHDPI  ║ 480dpi ║ 3x         ║ 6     ║ 144px     ║ 96px       ║ 24px       ║
    ║ XXXHDPI ║ 640dpi ║ 4x         ║ 8     ║ 192px     ║ 128px      ║ 32px       ║
    ║ Web***  ║ -      ║ 5x         ║ 10    ║ 512px     ║ -          ║ -          ║
    ╚═════════╩════════╩════════════╩═══════╩═══════════╩════════════╩════════════╝
    
    * Optical square / full asset size, margin is the difference between them
    ** LDPI is auto-loaded from HDPI÷2 images, TVDPI is auto-loaded from MDPI/HDPI.
    *** Web shouldn't be packaged into the AP
    

    如果你已经够大了,你仍然记得这些dpi尺寸是常用的屏幕分辨率:)

    要轻松计算您想要的任何水平尺寸,您需要知道所需的密度,例如xxhdpi 50dp的大小为3x 50px(因为{{1} }}是mdpi,即1x)。

    小心:在设计图标时,对于图标来说感觉太大了,尝试使用编辑器,您可以在其中进行持续的小尺寸预览(例如,Paint.net会在每个图标上显示预览标签)。在将其调整到给定尺寸后,它们会感觉太小,但如果您将手机放在屏幕旁边,它们在屏幕上的体积会更大......