您可以通过为用户界面提供专业的外观来增加任何产品的价值。当用户喜欢他们在应用UI中看到的内容时,他们更有可能安装它。您的Android应用应遵循的设计,颜色,图标和其他UI元素有一组已定义的规则。在本文中,我们将坚持使用Android应用程序的图标,特别是 启动器图标。
Android应用的图标分为几个类别。这些包括:
- 启动器图标:此图标表示用户设备主屏幕或应用程序列表中的应用程序。这可以是 适用于Android 8.0(API级别26)或更高版本的**自适应启动器图标,**也可以是 适用于Android 7.1(API级别25)或更低版本的 旧版启动器图标。
- 操作栏图标: 用于操作栏中的项目。
- **选项卡图标: **用于带有图标的选项卡项(如果有)。
您可以通过查看其他应用来了解有关这些图标类别的更多信息。以下是WhatsApp图标的示例:
现在,如果您是设计师,或者如果您是团队中有设计师的开发人员,那么创建这些图标似乎很容易。但它并不像看起来那么容易。您必须根据Android设备的屏幕分辨率和密度为每个不同的维度创建图标。为了让您了解这可以做多少工作,如果您要以传统方式执行此操作,则需要创建启动器图标的大小列表:
密度 | 图标 |
LDPI | 36 x 36像素 |
MDPI | 48 x 48像素 |
tvdpi | |
64 x 64像素 | |
华电国际 | |
72 x 72像素 | |
xhdpi | |
96 x 96像素 | |
xxhdpi | |
144 x 144像素 | |
xxxhdpi | |
192 x 192像素 | |
卷筒纸 | |
512 x 512 px |
这只是发射器图标。每个图标类别都有一个类似的列表。但幸运的是,Android Studio为我们提供了一个名为Image **** Asset Studio的工具 ,可以非常轻松地处理所有屏幕密度的图标创建。
什么是Image Asset Studio?
Android Studio 3引入了Image Asset Studio,可为您的应用创建图标。它负责为不同的屏幕密度生成适当分辨率的应用程序图标,并将它们放在资源 目录中的相应 mipmap-density 文件夹中 。它还会生成网络图标(512 x 512像素),这是将应用程序上传到Google Play商店所必需的。然后,在运行时期间,基于设备的屏幕密度,相应地从文件夹中提取这些图标。
对于 自适应启动器图标,Image Asset Studio提供了图标集的完整预览,其中包括圆形,方形,圆角方形,松鼠,全流失图层,传统图标,圆形和Google Play商店版本的图标。
另一方面,对于 传统的启动器图标,设备不支持不同形状的图标。因此将生成一组更受限制的图标。
使用Image Asset Studio
我们来看看如何使用Image Asset Studio创建图标集。
如何使用Image Asset Studio更新图标
要启动Image Asset Studio,请 在 项目窗口中选择 **Android ****。 **右键单击 res 文件夹,然后选择 New > **Image Asset。 **您现在已经打开了Image Asset Studio。您现在可以根据需要创建自适应启动器图标或仅旧版启动器图标。
创建自适应启动器图标
![自适应启动器图标](http://upload-images.jianshu.io/upload_images/15405197-3e48cff3076fea93.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
您将使用此图标类型获得Android 8.0支持。
首先, 为Icon Type 选择 Launcher Icons(Adaptive&Legacy)。 如果您愿意,可以更改图标的 名称。如果名称已存在,则对话框底部会显示警告,告知您现有的名称将被覆盖。
在“ **前景图层”**选项卡中,选择“资产类型”:
- 图像:设置自定义图标图像的路径。
- 剪贴画:从材料设计图标集中选择图标并设置颜色。
- 文本:设置指定的字符串,并设置字体和颜色。
同样,在“ **背景图层”**选项卡中,您可以选择“ 图像”,“ 剪贴画 ”或“ **文本”**资源类型。
对于前景层和背景层,您还具有以下可选设置:
- 图层名称:您可以为图层指定唯一名称。
- 缩放参数:可以根据您的要求进行设置。如果为背景图层选择颜色,则会禁用此选项。
- 修剪:选择是否要删除图标周围的透明空间。
- 调整大小:更改图标的大小。
“ **旧版”**选项卡可让您决定是否还生成旧版图标。您可以在此处选择是否要生成旧版图标,Google Play商店图标和圆形图标,以及每种图标使用的形状。
创建旧版启动器图标
如果您想支持小于或等于7.1的Android版本,这是您将创建的图标。
首先,为图标类型选择 启动器图标(仅限传统) 。 如果您愿意,可以在此时更改图标的名称。如果名称已存在,则底部会显示一条警告,表示现有名称将被覆盖。选择 资产类型并配置相关设置。
- 图像:设置自定义图标图像的路径。
- 剪贴画:从材料设计图标集中选择图标并设置颜色。
- 文本:设置指定的字符串,并设置字体和颜色。
您还可以为图标的外观配置一些可选设置:
- 修剪:如果要删除图标周围的透明空间,请选择此选项。
- 填充:设置图标的填充。
- 前景:设置前景色。
- 背景:设置背景颜色。
- 缩放:选择裁剪或缩小以适应。
- 形状:要为图标添加背景,请选择形状。对于透明背景,请选择无。
- 效果:选择是否对方形或矩形图标具有狗耳效果。
您所做的任何更改都将反映在预览部分中。一旦您对图标的外观感到满意,请单击“ 下一步”。
然后,您将进入设置屏幕,您可以在其中更改将 放置图标的 资源目录。如果你愿意,可以更新它。以下是可用选项:
- main / res: 适用于所有构建变体,包括发布和调试。
- release / res: 覆盖构建的单个发行版本的主要源集。
- debug / res: 仅用于调试。
- 自定义源集: 您可以定义自己的源集。
最后,按Finish完成包装 。
现在,我们已准备好在所有相应文件夹中使用新的启动器图标。我的启动器图标的名称是 ic_launcher_demo
。您可以在下面的屏幕截图中看到为此图标生成的所有图标。
更新AndroidManifest文件
现在是时候更新 AndroidManifest 文件,以便我们的应用程序知道使用新图标。首先,打开 **AndroidManifest.xml **文件。此处,默认启动器图标设置在第7行和第9行。您需要使用您创建的新图标更新它。
更改 android:icon
和 android:roundIcon
这个名字你选择你的启动器图标。
android:icon="@mipmap/ic_launcher_demo"
android:roundIcon="@mipmap/ic_launcher_demo_round"
恭喜!您已成功更新应用的启动器图标。
结论
在这篇文章中,您了解了Android应用程序中使用的各种图标,以及必须为每个图标生成的所有不同屏幕分辨率。然后,您了解了Image Asset Studio工具以及它如何为您的Android应用程序生成图标变得更加容易。