【问题标题】:What is the recommended ActionBar icon size in Material Design (Android API 21+)?Material Design (Android API 21+) 中推荐的 ActionBar 图标大小是多少?
【发布时间】:2015-03-08 13:51:40
【问题描述】:

首先,这个问题是相关的:How big should Action Bar(Toolbar) icons be in the new Android Material design?

在相关问题中,操作栏图标的触摸目标大小应为 48dp。关于 Material Design 中的这些图标大小,我想澄清几点:

  1. 在此页面上:Material Design Keylines - Touch Target Size 有两个图标,搜索图标很小 (24dp) 和配置文件图标大得多 (40dp)。在 48dp 触摸目标内,有没有关于图标应该有多大的建议?看起来您可以从 Material Design 站点下载的操作栏图标是 40dp(即作为链接站点中的配置文件按钮)。

  2. 我认为旧的 Iconography 指令对于 Material Design 来说已经过时了,对吗?此页面说图标应该是 32dp 和 24dp 图标:Iconography

  3. 我还注意到 Android Asset StudioAndroid Asset Studio for Material Design 生成 xxhdpi 具有 96x96 像素 的操作栏图标,但我认为它们应该是 144x144 像素。我假设这是因为 Material Design 站点图标中的 xxhdpi 48dp 操作栏图标是 144x144 像素。 xxhdpi 的 Material Design ActionBar 图标应该是 144x144 像素是否正确?

【问题讨论】:

    标签: android material-design android-icons


    【解决方案1】:
    1. 大多数功能都有推荐。工具栏图标应始终为24dp,而正如您所说的圆形功能(包括图像和浮动按钮)应为40dp。您可能会在您链接的页面或“组件”侧菜单中找到不同视图的不同值。

      我前段时间从herehere 下载了素材图标。在这两种情况下,图标都以不同的大小提供,18dp24dp36dp48dp。您可以选择最佳尺寸并在视图上设置适当的填充,以确保48dp 可点击区域。在大多数情况下,如果您选择 AppCompatMaterial 主题,它将为您处理大小和填充。

      除此之外,例如在调整按钮大小时,我会从“组件”菜单中选择Buttons,然后在那里获取大小信息。

    2. 是的。

    3. 你可能是对的,48dp xxhdpi 的图标应该是 144x144 像素。

    【讨论】:

    • 这听起来很正确,但是 24dp 的操作栏图标在每个图标文件中都有填充,因此有效区域将小于 24dp。此外,24dp 图像应为 xxhdpi 中的 72x72 像素。 Android Asset Studio 工具和 Android Studio 1.0.2 为操作栏图标和 xxhdpi 生成 96x96 像素。如果我的数学是正确的,96x96 像素应该等于 32dp。也许那是 24dp 的图像,包括 8 dp 的填充。
    • 我明白你的意思。 This 工具同样如此。无论如何,即使考虑到官方图标内的填充,Asset Studio 图标似乎也缩小了。材质图标,xxhdpi,48dp 全局为 144x144,图标或多或少为 108x108。这比 Asset Studio 的 96x96 还要多。
    • 我使用 24dp 图标,它们看起来不错(我的意思是与所有其他应用程序一致,与 Material 屏幕截图等一致)。这是正确的尺寸。不要太在意触摸目标,它应该由你的样式自动处理。
    • @miav 在这里相同,24dp 图标似乎与其他材料设计应用程序完美匹配。
    • 根据official documentation,浮动操作按钮也应该有24dp图标
    猜你喜欢
    • 2016-08-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-04-01
    • 1970-01-01
    • 1970-01-01
    • 2012-08-07
    • 2010-10-05
    相关资源
    最近更新 更多