【问题标题】:How to draw in DP (Android)如何在 DP (Android) 中绘图
【发布时间】:2013-04-17 10:24:46
【问题描述】:

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

【问题讨论】:

  • “我明白 dp 是什么..” 那么请解释/链接为我的利益。
  • 你看到这个问题和答案了吗? stackoverflow.com/questions/4605527/…
  • 我并不是要破坏您的询问,但您的帖子让我相信您只是想知道如何制作应用程序图标。如果这就是你所需要的,那么就没有理由为了完成你想要的事情而跳过六十七个燃烧的厄运之环。编辑您的问题并明确您希望解决的问题的确切性质(而不是实际问题的一堆症状),人们会很乐意提供帮助。

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


【解决方案1】:

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

到目前为止我所理解的本质以及我如何为启动器图标做到这一点:

  1. 创建一个 512x512 像素的画布
    这是网络图标的大小,在开发者控制台中称为高分辨率图标
  2. 画出你想创建的任何图标
  3. 在您正在绘制的对象周围使用透明度
  4. 尝试使它看起来像 3D 并带有一点暗光/阴影
  5. 完成后,将您的工作保存为原始
  6. 然后打开original并根据下表导出为不同大小的资源(png/jpg)并将每个文件放入对应的drawable-??dpi文件夹:
╔═════════╦════════╦════════════╦═══════╦═════════ ══╦════════════╦════════════╗ ║ 名称 ║ DPI ║ 乘数 ║ 比率 ║ 启动器 ║ 动作条 ║ 动作条 ║ ║║║║║图标║图标║边距║ ╠═════════╬════════╬════════════╬═══════╬═════════ ══╬════════════╬════════════╣ ║ 尺寸* ║ - ║ - ║ - ║ 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 ║ ║ 网络*** ║ - ║ 5x ║ 10 ║ 512px ║ - ║ - ║ ╚═════════╩════════╩════════════╩═══════╩═════════ ══╩════════════╩════════════╝ * 光学正方形/全资产大小,margin是它们之间的差值 ** LDPI 是从 HDPI÷2 图像自动加载的,TVDPI 是从 MDPI/HDPI 自动加载的。 *** Web 不应打包到 AP

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

要轻松计算您想要的任何倾角尺寸,您需要知道您要寻找的密度,例如xxhdpi 的尺寸50dp3x 50px(因为mdpi1x,即50px)。

当心:在设计图标时,它会感觉图标太大,尝试使用具有恒定小尺寸预览的编辑器(例如 Paint.net 在每个图标上显示预览)标签)。将其调整为给定尺寸后,它们会感觉太小,但是如果将手机放在屏幕旁边,它们在屏幕上的物理尺寸会更大...

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-09-14
    • 2011-05-08
    • 1970-01-01
    • 2021-11-01
    • 1970-01-01
    • 2012-01-08
    • 1970-01-01
    相关资源
    最近更新 更多