操作栏图标大小

Question

根据 操作栏图标，mdpi 屏幕上的操作栏图标应为 24 x 24 像素，但是在操作栏图标包中提供的 mdpi 图标却是 32 x 32 像素。其他屏幕尺寸的图标大小也不匹配。那么哪一个是正确的，操作栏图标应该有什么尺寸？

- Giorgi

Answer 1

-------2015年10月17日更新--------

新的 Google 设计指南 提到：“系统图标在 24dp 显示”，“图标内容限制在 20 x 20dp 的实际区域内，周围留有 4px 的余量”。例如：

------旧版-------

完整资源，32x32 dp； 光学正方形，24x24 dp

- wangqi060934

---

我猜你是指 px 而不是 dp？ - AlikElzin-kilaka

@AlikElzin-kilaka，正如文档（链接中）所述，它是dp。 - Samuel Barbosa

当您使用图标编辑工具时，dp是什么意思？像素是一个有一种颜色的正方形单位。它有一个含义。请查看文档以了解“基线”的含义。 - AlikElzin-kilaka

dp是密度无关像素，它是实际像素的一个比例尺。mdpi是基准线，因此在mdpi中24dp等于24px。对于hdpi设备，比例尺为1.5倍，因此24dp等于36px。 - Jason Robinson

完整的资源尺寸已经从32dp变为48dp，适用于Material（Android 5）。 - OneWorld

Answer 2

更新：本回答已不再适用，请查看下面的答案以获取更为实时的指南。

我认为应该使用32x32dp的尺寸，但实际图像本身应该是24dpx24dp的，并居中对齐。Android设计网站有正确的指南。

我已提交了一个错误报告，但还没有收到任何消息...

- Alex Curran

---

我猜你是指 px 而不是 dp？ - AlikElzin-kilaka

dp 意味着设备无关像素，通常在 Android UI 中使用的单位。 - ayke

这个答案是否已经过时？ - Ferran Maylinch

这个答案已经过时了。新的指南是24x24dp图像（文件）。它由中心的20x20内容和每侧2dp填充（总共4dp）组成。 - Warpzit

Answer 3

我已经进行了更多的AppCompat ActionBar测试。我发现ActionBar会自行执行最小48dp触摸目标大小的强制要求。我还发现，AppCompat ActionBar仍然期望具有32dp正方形大小的操作栏图标。

即使使用Material设计，图标仍需遵循“完整资源：32x32 dp；光学方形：24x24 dp”的规则，以便与操作栏中的其他图标具有正确的大小，如wangqi060934的答案所示的这个数字。

我的先前假设（见下图）认为完整的资产大小从32dp扩展到48dp是不正确的。 48dp是指触摸区域。混淆是由修订后的Material Icon Spec文档引起的，该文档链接在早期的ActionBar文档中。

来自 https://www.google.com/design/spec/style/icons.html#icons-system-icons

来自http://www.google.com/design/spec/layout/metrics-keylines.html#metrics-keylines-sizing-by-increments。

- OneWorld

---

蓝色/粉色区域是“清除区域”，正如指南所说，“需要足够的空间来确保可读性和触摸”。 - wangqi060934

谷歌提供的Material Design图标没有提供下载32dp图标的选项。这是怎么回事？ - Jason Robinson

Answer 4

使用Android Studio图像资源

前往：

1. Project>res --> 右键点击
2. new> image asset --> Icon type: Action Bar and Tab Icons
3. next>Finish.

现在您将获得正确分辨率的图标。

- CarLoOSX

---

正是我所寻找的。 - lasec0203

Answer 5

以下是已完成的操作栏图标尺寸，如下面链接所示。 https://developer.android.com/guide/practices/ui_guidelines/icon_design_action_bar.html 低密度屏幕

ldpi (120 dpi) --> 18 x 18 px

中密度屏幕

mdpi (160 dpi) --> 24 x 24 px

高密度屏幕

hdpi (240 dpi) --> 36 x 36 px

超高密度屏幕

xhdpi (320 dpi) --> 48 x 48 px  

高密度屏幕

xxhdpi (480 dpi) --> 72 x 72 px

XXX-高密度屏幕

xxxhdpi (640 dpi) --> 96 x 96 px

- Radoslav

---

谢谢，这正是我需要的像素大小，所以我会根据每个文件夹的需要调整图像的大小。现在还有xxhdpi和xxx。这些默认情况下在某些项目中创建，因此我建议编辑/更新您的帖子以添加它们。 - SendETHToThisAddress