新的 Android Material 设计中的 Action Bar(Toolbar) 图标应该有多大?

Posted

技术标签:

【中文标题】新的 Android Material 设计中的 Action Bar(Toolbar) 图标应该有多大?【英文标题】:How big should Action Bar(Toolbar) icons be in the new Android Material design? 【发布时间】:2014-10-03 20:17:57 【问题描述】:

我尝试搜索设计指南,但找不到与此相关的任何内容。我正在尝试找出新 L 版本中操作栏图标的最佳尺寸。这是我想要实现的一个示例:

我尝试了之前的 48dp 尺寸,但它看起来比那张照片中的大很多。

【问题讨论】:

您是否使用所有各种 DPI 的可绘制图像?如果您在相应的资源文件夹中为每个 Drawable 提供了多个资源,android 系统应该会根据设备的屏幕分辨率自动选择一个最佳尺寸 我正在从 assets studio 创建通用图标。 【参考方案1】:

来自Material Design Keylines Touch Target Size,图标大小为24dp

【讨论】:

哦,不。不是操作栏的大小,而是该栏中的图标。比如搜索图标和溢出图标。 @ianhanniballake 你的意思是 png 文件应该是 24dp 大小,没有图标的内部填充? @AlexKorovyansky - 正确。 24dp 光学边界,例如 material design icon repository 上的 _24dp 版本。请记住最小 48dp 触摸目标大小(Toolbar/AppCompat 应该自动执行此操作,因此无需担心这些情况)。 我只是想提一下这里不太对劲,谷歌在 repo 中提供的 24dp 图标与他们自己在官方应用程序中使用的不匹配——他们似乎使用了更多填充的东西 @DanielWilson 是的,如果你只是从 repo 中粘贴它们,它们看起来超大的可笑。【参考方案2】:

完整的图标大小应为24dp,“活动”区域为20dp。 看到这个答案:https://***.com/a/14908467/3979479

【讨论】:

以上是关于新的 Android Material 设计中的 Action Bar(Toolbar) 图标应该有多大?的主要内容,如果未能解决你的问题,请参考以下文章

Material Design 开发利器:Android Design Support Library 介绍

Android5.0美不胜收的新特性 Material Design

Android Material Design新UI控件使用大全 一

Android Material Design新UI控件使用大全 一

适用于 Android 的 Material Components 中的切换按钮

Android修改状态栏颜色全方位教程