繁体   English   中英

操作栏图标大小

[英]Action Bar icon size

根据Action Bar Icons ,mdpi 屏幕的操作栏图标应为 24 x 24 px,但 mdpi 的Action Bar Icon Pack中的图标为 32 x 32 px。 这些尺寸也不适合其他屏幕尺寸。 那么哪个是正确的,操作栏图标应该有什么尺寸?

更新:此答案不再有效,请参阅以下答案以获取更多最新指南。

我相信它们必须是 32x32dp,但实际图像本身应该以 24dpx24dp 为中心。 Android 设计网站有正确的指南

我已经提交了一份关于此的错误报告,但还没有听到任何消息......

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

新的谷歌设计指南说:“系统图标以 24dp 显示”,“图标内容限于 20 x 20dp 活动区域,周边有 4px 的修剪”。例如:

在此处输入图像描述 - - - 老的 - - - -

完整资产,32x32 dp; 光学正方形,24x24 dp

在此处输入图像描述

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

即使使用材料设计,图标仍然必须遵循规则“完整资产: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

使用 Android Studio 图像资源

去:

  1. 项目>资源-->右击
  2. new> image asset --> 图标类型:Action Bar and Tab Icons
  3. 下一步>完成。

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

完成的操作栏图标尺寸应该如下面的链接所示。 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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM