标签页图标是用于在多标签页界面中表示各个标签页的图形元素。每个标签图标都有两种状态：未选中和选中。
如提供 特定于密度的图标集时，您应为低密度、低密度、低密度和 和高密度屏幕这样可确保图标显示时 在可安装您应用的各种设备上正常显示。 请参阅面向设计师的提示 了解有关如何使用多组图标的建议。
必须将最终图片作为透明的 PNG 文件导出。不包含 背景颜色。
用于在 Adobe Photoshop 中创建图标的模板可在图标 模板包。
警告：
在 2023 年，
Android 2.0 与先前版本相比。
为所有 Android 版本提供支持时，开发者应该：
1.将 Android 2.0 及更高版本的标签图标放置在
drawable-hdpi-v5、drawable-mdpi-v5 和 drawable-ldpi-v5 目录，
2.将先前版本的标签图标放置在
drawable-hdpi、drawable-mdpi 和 drawable-ldpi 目录，
3.在android:targetSdkVersion
<uses-sdk>
（位于应用清单中）。
这将告知系统应使用新标签页样式呈现标签页。
为两个标签状态提供图标
标签图标应具有两种状态：未选中和选中。提供图标 具有多种状态，因此开发者必须创建一个 状态 为每个图标列出可绘制对象，这是一个 XML 文件，其中列出要 用于不同的界面状态
例如，对于带有名为“Friends”的标签的标签微件，和“同事” 您可以使用与下方类似的目录结构：
res/...
drawable/...
ic_tab_friends.xml
ic_tab_coworkers.xml
drawable-ldpi/...
ic_tab_friends_selected.png
ic_tab_friends_unselected.png
ic_tab_coworkers_selected.png
ic_tab_coworkers_unselected.png
drawable-mdpi/...
ic_tab_friends_selected.png
ic_tab_friends_unselected.png
ic_tab_coworkers_selected.png
ic_tab_coworkers_unselected.png
drawable-hdpi/...
...
drawable-ldpi-v5/...
...
drawable-mdpi-v5/...
...
drawable-hdpi-v5/...
...上面列出的 XML 文件的内容应引用
选中和未选中的图标可绘制对象。例如，以下代码
对于 ic_tab_friends.xml：
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <!-- selected state --> <item android:drawable="@drawable/ic_tab_friends_selected" android:state_selected="true" android:state_pressed="false" /> <!-- unselected state (default) --> <item android:drawable="@drawable/ic_tab_friends_unselected" /> </selector>
Android 2.0 - Android 2.3
以下指南介绍了如何设计适用于 Android 的标签图标 2.0 到 Android 2.3（API 级别 5 到 10）。
尺寸和位置
标签图标应使用简单的形状和表单，且必须为 在最终资源内进行缩放和定位。
图 1 显示了在 资源。您应将图标尺寸小于 资源。
为了指明图标的建议尺寸， 图 1 包括三个不同的辅助线矩形：
- 红色框是完整资源的边界框。
- 蓝色框是实际图标的推荐边界框。 图标框的尺寸要小于整个资源框， 特殊图标处理。
- 橙色框是推荐的实际图标边界框， 内容是方形的方形图标的框比其他图标的框小 图标，在两种类型之间建立一致的视觉权重。
|
|
|
|
|
|
|
图 1. 调整标签图标大小，并将其定位在 图标资源。 |
样式、颜色和效果
标签图标是扁平、遮罩的正面图片。
标签图标应具有两种状态：选中和未选中。
|
图 2. 未选中标签图标的样式和效果。 注意：所有像素尺寸均适用于中等密度，应针对其他密度进行适当缩放。
|
|
图 3. 选中标签图标的样式和效果。 注意：所有像素尺寸均适用于中等密度，应针对其他密度进行适当缩放。
|
正确做法和错误做法
下面是一些“正确做法和错误做法”为横幅广告创建标签图标时应考虑的示例 部署应用
示例图标
以下显示的是用于 Android 平台
警告： 由于这些资源可能会在不同平台版本之间发生变化， 不应引用系统的资源副本。如果您想 使用任何图标或其他内部可绘制资源，则应存储 应用资源中这些图标或可绘制对象的本地副本， 然后从应用代码中引用本地副本。这样，您就可以 对图标外观的控制，即使系统 复制更改。请注意，下面的网格并不完整。
Android 1.6 及更早版本
以下指南介绍了如何设计适用于 Android 的标签图标 1.6（API 级别 4）及更低版本。
结构
- 未选中标签图标的填充渐变和效果与 菜单图标， 但没有任何外面的光晕
- 选中的标签图标看起来和未选中的标签图标一样，只是颜色较淡 并且前部分渐变效果与 对话框图标。
- 标签图标有一个 1 像素的安全框，该安全框只能与边缘重叠 消除了圆形的锯齿
- 此页面上指定的所有尺寸均基于 32x32 像素的画板尺寸。 在 Photoshop 模板内的边界框周围留出 1 px 的内边距。
|
图 3. 未选中标签页的安全框和填充渐变 图标。图标尺寸为 32x32。 |
|
图 4. 标签图标的安全框和填充渐变 状态图标尺寸为 32x32。 |
未选中的标签图标
光线、效果和阴影
未选中的标签图标看起来和选中的标签图标一样， 较暗的内部阴影，以及与对话框图标相同的前部渐变。
|
图 5. 未选择的光线、效果和阴影 标签页图标。
|
分步说明
|
选中的标签图标
所选标签图标具有与菜单相同的填充渐变和效果 但没有外部发光。
|
图 6. 所选标签页的光线、效果和阴影 图标。
|
调色板
|
分步说明
|
