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

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

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

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


现在,如果您是设计师,或者如果您的团队中有设计师,则创建这些图标似乎很容易。 但这并不像看起来那样容易。 您将必须根据Android设备屏幕的分辨率和密度为每个不同的尺寸创建图标。 为了让您大致了解可以进行多少工作,以下是如果要以传统方式创建启动器图标,则需要为其创建尺寸的列表:

密度 图标
分辨率 36 x 36像素
分辨率 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像素

这只是启动器图标。 每个类别的图标都有一个类似的列表。 但值得庆幸的是,Android Studio为我们提供了一个名为Image Asset Studio的工具,该工具可以非常轻松地处理所有屏幕密度的图标的创建。

什么是Image Asset Studio?

Android Studio 3引入了Image Asset Studio,用于为您的应用创建图标。 它负责为不同的屏幕密度生成具有适当分辨率的应用程序图标,并将它们放置在资源目录中的相应mipmap-density文件夹中。 它还会生成网络图标(512 x 512像素),这是将应用程序上传到Google Play商店所必需的。 然后,在运行时根据设备的屏幕密度从文件夹中相应地获取这些图标。

对于自适应启动器图标 ,Image Asset Studio提供了图标集的完整预览,其中包括圆圈,正方形,圆角正方形,squircle,全出血层,旧版图标,圆形以及该图标的Google Play商店版本。


另一方面,对于旧版启动器图标 ,设备不支持各种形状的图标。 因此,将生成更多受限制的图标集。


使用Image Asset Studio

让我们看一下如何使用Image Asset Studio创建图标集。

如何使用Image Asset Studio更新图标

要启动Image Asset Studio,请在“ 项目”窗口中选择“ Android 右键单击res文件夹,然后选择“ 新建” >“ 图像资产”。 您现在已经打开了Image Asset Studio。 现在,您可以根据需要创建“自适应启动器”图标或“仅旧版”启动器图标。

创建一个自适应启动器图标


您将使用此图标类型来获得Android 8.0支持。

首先,为图标类型选择启动器图标(自适应和旧版) 如果需要,请更改图标的名称 如果名称已经存在,对话框底部将显示一条警告,告诉您现有名称将被覆盖。

在“ 前景层”选项卡中,选择“资产类型”:

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

同样,在“ 背景层”选项卡中,可以选择“ 图像” ,“ 剪贴画 ”或“ 文本”资产类型。

对于前景层和背景层,您还具有以下可选设置:

  • 图层名称 :您可以为图层指定一个唯一的名称。
  • 缩放参数 :可以根据您的要求进行设置。 如果您为背景图层选择一种颜色,则禁用此选项。
  • 修剪 :选择是否要删除图标周围的透明空间。
  • 调整大小 :更改图标的大小。

旧版标签 让您决定是否还要生成旧版图标。 在这里,您可以选择是否要生成旧图标,Google Play商店图标和圆形图标,以及分别使用哪种形状。

创建旧版启动器图标


如果要支持小于或等于7.1的Android版本,则将创建这种图标。

首先,为图标类型选择启动器图标(仅旧版) 如果需要,您可以在此时更改图标的名称 如果该名称已经存在,则底部将出现一条警告,提示现有名称将被覆盖。 选择资产类型并配置关联的设置。

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

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

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

您所做的任何更改都会反映在预览部分 对图标的外观和感觉满意后,点击下一步

然后,您将进入设置屏幕,可以在其中更改将发出图标的资源目录 如果需要,请对其进行更新。 以下是可用的选项:

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

最后,按Finish将其包装起来。

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


更新AndroidManifest文件

现在是时候更新AndroidManifest文件了,以便我们的应用知道使用新图标了。 首先,打开您的AndroidManifest.xml文件。 在这里,默认的启动器图标设置在第7行和第9行。您需要使用创建的新图标对其进行更新。


android:iconandroid:roundIcon更改为为启动器图标选择的名称。

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

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

结论

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

翻译自: https://code.tutsplus.com/tutorials/how-to-update-the-launcher-icon-for-your-android-app--cms-30624

更多相关文章

  1. WEEX-EEUI 页面的高度问题(页面高度设置为多少才对?)
  2. Android(安卓)Studio适配利器——如何设置不同机型的预览界面
  3. 解决bug:Android(安卓)更换新logo图标后,运行项目图标没有变化
  4. Android(安卓)TextView富文本的使用
  5. android 顶部Tab实现及原理
  6. android listview adapter中设置点击直接position被重用问题解决
  7. Android(安卓)launcher动态Icon的实现方法
  8. iOS设备蓝牙类库的选择
  9. Android(安卓)实现按钮 跳转到某网页

随机推荐

  1. ActionBarSherlock使用教程
  2. Android视图加载流程(6)之View的详细绘制
  3. Android(安卓)倒计时的五种实现方式
  4. Android(java)回调函数经典示例
  5. Android(安卓)无法解决第三方库依赖问题
  6. android实现双击事件暨多击事件详解
  7. Android(安卓)图片缩放引起的OOM异常全篇
  8. linux下 在Android工程中查看framework j
  9. 【Android】将Xamarin For VS升级为4.0.1
  10. apk之间资源共享