【发布时间】:2012-06-29 23:44:50
【问题描述】:
根据Action Bar Icons mdpi 屏幕的操作栏图标应为 24 x 24 像素,但Action Bar Icon Pack 中用于 mdpi 的图标为 32 x 32 像素。尺寸也不匹配其他屏幕尺寸。那么哪一个是正确的,操作栏图标应该有什么尺寸呢?
【问题讨论】:
标签: android icons android-actionbar actionbarsherlock
根据Action Bar Icons mdpi 屏幕的操作栏图标应为 24 x 24 像素,但Action Bar Icon Pack 中用于 mdpi 的图标为 32 x 32 像素。尺寸也不匹配其他屏幕尺寸。那么哪一个是正确的,操作栏图标应该有什么尺寸呢?
【问题讨论】:
标签: android icons android-actionbar actionbarsherlock
-------更新2015.10.17--------
The new google design gideline 说:“系统图标以 24dp 显示”,“图标内容仅限于 20 x 20dp 的活动区域,周边有 4px 的修剪”。喜欢:
【讨论】:
更新:此答案不再有效,有关更多最新指南,请参阅以下答案。
我认为它们必须是 32x32dp,但实际图像本身应该以 24dpx24dp 为中心。 Android设计网站有correct guidelines。
我已经为此提交了bug report,但还没有听到任何消息...
【讨论】:
dp 表示与设备无关的像素,通常用于 Android UI 的单位。
我使用 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
【讨论】:
使用 Android Studio 图像资源
转到:
现在您将拥有正确分辨率的图标。
【讨论】:
如下链接所示完成的操作栏图标尺寸应该是。 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
【讨论】: