操作栏图标大小

Posted 2023-04-15

【中文标题】操作栏图标大小

【英文标题】：Action Bar icon size

【发布时间】：2012-06-29 23:44:50

【问题描述】：

根据Action Bar Icons mdpi 屏幕的操作栏图标应为 24 x 24 像素，但Action Bar Icon Pack 中用于 mdpi 的图标为 32 x 32 像素。尺寸也不匹配其他屏幕尺寸。那么哪一个是正确的，操作栏图标应该有什么尺寸呢？

【参考方案1】：

-------更新2015.10.17--------

The new google design gideline 说：“系统图标以 24dp 显示”，“图标内容仅限于 20 x 20dp 的活动区域，周边有 4px 的修剪”。喜欢：

------老--------

Full asset, 32x32 dp; Optical square, 24x24 dp

【讨论】：

我猜你的意思是 px 而不是 dp？

@AlikElzin-kilaka 它是文档中所述的 dp（在链接中）。

使用图标编辑工具时dp是什么意思？像素是具有一种颜色的方形单位。它有一个意义。查看文档以了解 baseline 的含义。

@AlikElzin-kilaka dp 是与密度无关的像素。这是实际像素的比例。 mdpi 是基线，所以 mdpi 中的 24dp 是 24px。对于 hdpi 设备，比例为 1.5x，因此 24dp 为 36px。

使用 Material (android 5) 的完整资源大小已从 32dp 更改为 48dp

【参考方案2】：

更新：此答案不再有效，有关更多最新指南，请参阅以下答案。

我认为它们必须是 32x32dp，但实际图像本身应该以 24dpx24dp 为中心。 Android设计网站有correct guidelines。

我已经为此提交了bug report，但还没有听到任何消息...

【讨论】：

我猜你的意思是 px 而不是 dp？

dp 表示与设备无关的像素，通常用于 Android UI 的单位。

这个答案过时了吗？

这个答案已经过时了。新准则是 24x24dp 图像（文件）。这是由中心的 20x20 内容组成，每边有 2dp 填充（总共 4dp）。

【参考方案3】：

我使用 AppCompat ActionBar 进行了更多测试。我发现，ActionBar 会自行执行最小 48dp 触摸目标大小。我还发现，AppCompat ActionBar 仍然需要 32dp 正方形大小的操作栏图标。

即使使用 Material Design，图标仍然必须遵循“完整资源：32x32 dp；光学方块：24x24 dp”的规则，才能与操作栏中的其他图标一起具有正确的尺寸，如图（来自wangqi060934的回答）显示：

我之前的假设（见下图）认为整个资产大小从 32dp 扩展到 48dp 是不正确的。 48dp 是指触摸区域。混淆是由修改后的Material Icon Spec document 引起的，它链接在更旧的ActionBar document 中。

来自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

【讨论】：

蓝色/粉红色的区域是“间隙区域”，“图标周围需要足够的空间以保证易读性和触摸。”，如指南所述。

Google 提供的Material Design icons 没有提供下载 32dp 图标的选项。这是怎么回事？

【参考方案4】：

使用 Android Studio 图像资源

转到：

Project>res --> 右键 new> 图像资源 --> 图标类型：操作栏和选项卡图标 下一步>完成。

现在您将拥有正确分辨率的图标。

【讨论】：

正是我想要的。

【参考方案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  

XX-高密度屏

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

XXX-高密度屏

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

【讨论】：

谢谢，这就是我要寻找的像素大小，因此我根据每个文件夹的需要缩小了图像副本的大小。现在还有 xxhdpi 和 xxx。这些默认情况下是在某个项目中创建的，因此我建议您对您的帖子进行编辑/更新以添加这些内容。