如何更新Android应用程序的启动器图标

您可以通过为用户界面提供专业的外观来增加任何产品的价值。当用户喜欢他们在应用UI中看到的内容时,他们更有可能安装它。您的Android应用应遵循的设计,颜色,图标和其他UI元素有一组已定义的规则。在本文中,我们将坚持使用Android应用程序的图标,特别是 启动器图标

Android应用的图标分为几个类别。这些包括:

  • 启动器图标:此图标表示用户设备主屏幕或应用程序列表中的应用程序。这可以是 适用于Android 8.0(API级别26)或更高版本的**自适应启动器图标,**也可以是 适用于Android 7.1(API级别25)或更低版本的 旧版启动器图标
  • 操作栏图标: 用于操作栏中的项目。
  • **选项卡图标: **用于带有图标的选项卡项(如果有)。

您可以通过查看其他应用来了解有关这些图标类别的更多信息。以下是WhatsApp图标的示例:

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商店图标和圆形图标,以及每种图标使用的形状。

创建旧版启动器图标

image

如果您想支持小于或等于7.1的Android版本,这是您将创建的图标。

首先,为图标类型选择 启动器图标(仅限传统) 。 如果您愿意,可以在此时更改图标的名称。如果名称已存在,则底部会显示一条警告,表示现有名称将被覆盖。选择 资产类型并配置相关设置。

  • 图像:设置自定义图标图像的路径。
  • 剪贴画:从材料设计图标集中选择图标并设置颜色。
  • 文本:设置指定的字符串,并设置字体和颜色。

您还可以为图标的外观配置一些可选设置:

  • 修剪:如果要删除图标周围的透明空间,请选择此选项。
  • 填充:设置图标的填充。
  • 前景:设置前景色。
  • 背景:设置背景颜色。
  • 缩放:选择裁剪或缩小以适应。
  • 形状:要为图标添加背景,请选择形状。对于透明背景,请选择无。
  • 效果:选择是否对方形或矩形图标具有狗耳效果。

您所做的任何更改都将反映在预览部分中。一旦您对图标的外观感到满意,请单击“ 下一步”

然后,您将进入设置屏幕,您可以在其中更改将 放置图标的 资源目录。如果你愿意,可以更新它。以下是可用选项:

  • main / res: 适用于所有构建变体,包括发布和调试。
  • release / res: 覆盖构建的单个发行版本的主要源集。
  • debug / res: 仅用于调试。
  • 自定义源集: 您可以定义自己的源集。

最后,按Finish完成包装 。

现在,我们已准备好在所有相应文件夹中使用新的启动器图标。我的启动器图标的名称是 ic_launcher_demo。您可以在下面的屏幕截图中看到为此图标生成的所有图标。

image

更新AndroidManifest文件

现在是时候更新 AndroidManifest 文件,以便我们的应用程序知道使用新图标。首先,打开 **AndroidManifest.xml **文件。此处,默认启动器图标设置在第7行和第9行。您需要使用您创建的新图标更新它。

image

更改 android:iconandroid:roundIcon 这个名字你选择你的启动器图标。

android:icon="@mipmap/ic_launcher_demo"
android:roundIcon="@mipmap/ic_launcher_demo_round"

恭喜!您已成功更新应用的启动器图标。

结论

在这篇文章中,您了解了Android应用程序中使用的各种图标,以及必须为每个图标生成的所有不同屏幕分辨率。然后,您了解了Image Asset Studio工具以及它如何为您的Android应用程序生成图标变得更加容易。

####想学习更多Android知识,或者获取相关资料请加入Android技术开发交流2群:935654177。本群可免费获取Gradle,RxJava,小程序,Hybrid,移动架构,NDK,React Native,性能优化等技术教程!

猜你喜欢

转载自blog.csdn.net/weixin_44145299/article/details/88260820