列表视图图标

列表视图图标看起来很像对话框图标,但它们在光源位于对象上方时使用内部阴影效果。此外,它们只能用于 ListView。示例包括“设置”应用。

提供特定于密度的图标集中所述,您应为低、中和高密度屏幕创建单独的图标集。这样可确保图标在可安装您应用的各种设备上都能正确显示。请参阅表 1,了解针对每种密度建议的已完成图标大小列表。此外,请参阅设计人员提示,了解有关如何使用多组图标的建议。

表 1. 三种广义屏幕密度各自的已完成列表视图图标尺寸摘要。

ldpi (120 dpi)
(低密度屏幕)
mdpi (160 dpi)
(中密度屏幕)
hdpi (240 dpi)
(高密度屏幕)
xhdpi (320 dpi)
(超高密度屏幕)
列表视图图标大小 24 x 24 像素 32 x 32 像素 48 x 48 像素 64 x 64 像素

必须将最终图片作为透明的 PNG 文件导出。请勿添加背景颜色

图标模板包中提供了用于在 Adobe Photoshop 中创建图标的模板。

所有 Android 版本

以下指南介绍了如何为所有版本的 Android 平台设计列表视图图标。

结构

  • 列表视图图标通常具有 1 像素的安全框,但可以将安全框区域用作圆形的消除锯齿边缘。
  • 指定的所有尺寸均基于 Photoshop 中的 32x32 像素画板尺寸。在模板内的边界框周围留出 1 像素的内边距。
列表视图图标结构的视图。

图 1. 列表视图图标的安全框和填充渐变。图标尺寸为 32x32。

光线、效果和阴影

列表视图图标是扁平的正面图片,带有内部阴影。它们由浅色渐变和内部阴影构成,在深色背景中非常醒目。

列表视图图标的光线、效果和阴影视图。

图 2. 列表视图图标的光线、效果和阴影。

1.内部阴影:黑色 | 57% 不透明度 | 角度 120° | 普通混合模式 | 距离 1 px | 尺寸 1px
2.背景:黑色 | 标准系统颜色
这些图标仅在列表视图中显示。
注意:该列表视图图标位于 Photoshop 中的 32x32 像素画板上,没有安全框。

分步说明

  1. 针对适当的过滤器添加图 2 所示的效果。
  2. 以 32x32 尺寸将图标作为启用了透明度的 PNG 文件导出。
  3. 使用 Adobe Illustrator 等工具创建基本形状。
  4. 将形状导入 Adobe Photoshop 等工具,并在透明背景上缩放以适应 32x32 像素的图片。