Google uses AI technology to translate content into your preferred language. AI translations can contain errors.
列表视图图标
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
列表视图图标看起来很像对话框图标,但它们在光源位于对象上方时使用内部阴影效果。此外,它们只能用于 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 像素画板上,没有安全框。 |
|
分步说明
- 针对适当的过滤器添加图 2 所示的效果。
- 以 32x32 尺寸将图标作为启用了透明度的 PNG 文件导出。
- 使用 Adobe Illustrator 等工具创建基本形状。
- 将形状导入 Adobe Photoshop 等工具,并在透明背景上缩放以适应 32x32 像素的图片。
|
本页面上的内容和代码示例受内容许可部分所述许可的限制。Java 和 OpenJDK 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2025-07-27。
[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["没有我需要的信息","missingTheInformationINeed","thumb-down"],["太复杂/步骤太多","tooComplicatedTooManySteps","thumb-down"],["内容需要更新","outOfDate","thumb-down"],["翻译问题","translationIssue","thumb-down"],["示例/代码问题","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC):2025-07-27。"],[],[]]