乐趣区

关于游戏开发:游戏优化系列二Android-Studio制作图标教程

背景

谷歌在 Android8.0 后就推出了圆形图标,并在 AndroidStudio 中提供了制作工具。那么如果不制作圆形工具会怎么样?在局部设施上图标会呈现适配问题,UI 上不美观。本文将介绍 Image Asset Studio 工具的应用,介绍如何制作圆形图标

1、对于 Image Asset Studio

Android Studio 蕴含一个名为 Image Asset Studio 的工具,可帮忙您依据素材图标、自定义图片和文本字符串生成本人的利用图标。它会针对您的利用反对的每种像素密度以适当的分辨率生成一组图标。Image Asset Studio 会将新生成的图标搁置在我的项目中 res/ 目录下的特定于密度的文件夹中。在运行时,Android 将依据运行利用的设施的屏幕密度来应用适当的资源。

Image Asset Studio 可帮忙您生成以下图标类型:

  • 启动器图标
  • 操作栏和标签页图标
  • 告诉图标

运行 Image Asset Studio

如需启动 Image Asset Studio,请按以下步骤操作:

  • 在 Project 窗口中,抉择 Android 视图。
  • 右键点击 res 文件夹,而后顺次抉择 New > Image Asset。

2、自适应和旧版启动器图标

关上 Image Asset Studio 后,您能够依照以下步骤增加自适应和旧幅员标:

(1)在 Icon Type 字段中,抉择 Launcher Icons (Adaptive & Legacy)。

(2)在 Foreground Layer 标签页的 Asset Type 中抉择一种资源类型,而后在上面的字段中指定资源:

  • 抉择 Image 以指定图片文件的门路。
  • 抉择 Clip Art 以指定 Material Design 图标集中的图片。
  • 抉择 Text 以指定文本字符串并抉择字体。

(3)在 Background Layer 标签的 Asset Type 中抉择一种资源类型,而后在上面的字段中指定资源。您能够抉择一种色彩或指定一张图片作为背景图层。

(4)在 Legacy 标签页中,查看默认设置并确认您要生成旧版、圆形和 Google Play 商店中应用的图标。

(5)(可选)在 Foreground Layer 和 Background Layer 标签页中更改每个图标的名称和显示设置:

  • Name – 如果您不想应用默认名称,请输出新名称。如果我的项目中已存在该资源名称(由向导底部的谬误来批示),它将被笼罩。名称只能蕴含小写字符、下划线和数字。
  • Trim – 要调整源资源中图标图形与边框之间的边距,请抉择 Yes。此操作将移除通明空间,同时让宽高比放弃不变。要让源资源放弃不变,请抉择 No。
  • Color – 要更改 Clip Art 或 Text 图标的色彩,请点击该字段。在 Select Color 对话框中,指定一种色彩,而后点击 Choose。该字段中会显示新值。
  • Resize – 应用滑块指定缩放系数(以百分比示意)以调整 Image、Clip Art 或 Text 图标的大小。指定 Color 资源类型时,会为背景图层停用此控件。

(6)点击 Next。

(7)(可选)更改资源目录。抉择想在其中增加图片资源的资源源代码集:src/main/res、src/debug/res、src/release/res 或自定义源代码集。主源集实用于所有构建变体,包含调试和公布。调试和公布源代码集将替换主源代码集,并实用于构建的一个版本。调试源集仅用于调试。要定义新源集,请顺次抉择 File > Project Structure > app > Build Types。例如,您能够定义一个测试版源集,并创立一个版本的图标,在其右下角显示“BETA”文本。如需理解详情,请参阅配置构建变体。

(8)点击 Finish。Image Asset Studio 会针对不同的密度将图片增加到 mipmap 文件夹。

示例 1:

最初生成素材:

成果:

3. 操作栏和标签页图标

关上 Image Asset Studio 后,您能够依照以下步骤增加操作栏或标签页图标:

(1)在 Icon Type 字段中,抉择 Action Bar and Tab Icons。

(2)在 Asset Type 中抉择一种资源类型,而后在上面的字段中指定资源:

  • 在 Clip Art 字段中,点击相应按钮。
  • 在 Select Icon 对话框中,抉择一个素材图标,而后点击 OK。
  • 在 Path 字段中,指定图片的门路和文件名。点击 … 以应用对话框。
  • 在 Text 字段中,输出文本字符串并抉择字体。图标会显示在右侧的 Source Asset 区域以及向导底部的预览区域中。

(3)(可选)更改名称和显示选项:

  • Name – 如果您不想应用默认名称,请输出新名称。如果我的项目中已存在该资源名称(由向导底部的谬误来批示),它将被笼罩。名称只能蕴含小写字符、下划线和数字。
  • Trim – 要调整源资源中图标图形与边框之间的边距,请抉择 Yes。此操作将移除通明空间,同时让宽高比放弃不变。要让源资源放弃不变,请抉择 No。
  • Padding – 如果要调整全副四面的源资源内边距,请挪动滑块。抉择一个介于 -10% 和 50% 之间的值。如果也抉择了 Trim,则先进行剪裁。
  • Theme – 抉择 HOLO_LIGHT 或 HOLO_DARK。或者,如需在 Select Color 对话框中指定色彩,请抉择 CUSTOM,而后点击 Custom color 字段。Image Asset Studio 会在通明的正方形内创立图标,所以边缘上有一些内边距。内边距为规范的暗影图标成果提供了短缺的空间。

(4)点击 Next。

(5)(可选)更改资源目录:Res Directory – 抉择想在其中增加图片资源的资源源代码集:src/main/res、src/debug/res、src/release/res 或用户定义的源代码集。主源集实用于所有构建变体,包含调试和公布。调试和公布源集将替换主源集,并利用于构建的一个版本。调试源集仅用于调试。要定义新源集,请顺次抉择 File > Project Structure > app > Build Types。例如,您能够定义一个 Beta 版源集,并创立一个版本的图标,使其右下角蕴含文本“BETA”。如需理解详情,请参阅配置构建变体。Output Directories 区域会显示图片以及它们将呈现在 Project 窗口的“我的项目文件”视图中的哪些文件夹中。

(6) 点击 Finish。Image Asset Studio 会针对不同的密度将图片增加到 drawable 文件夹。

4、告诉图标

告诉是您能够在利用的失常界面之外向用户显示的音讯。Image Asset Studio 会将告诉图标搁置在 res/drawable-density/ 目录中的适当地位:

  • 对于 Android 2.2(API 级别 8)及更低版本,会将图标搁置在 res/drawable-density/ 目录中。
  • 对于 Android 2.3 到 2.3.7(API 级别 9 到 10),会将图标搁置在 res/drawable-density-v9/ 目录中。
  • 对于 Android 3(API 级别 11)及更高版本,会将图标搁置在 res/drawable-density-v11/ 目录中。
  • 如果您的利用反对 Android 2.3 到 2.3.7(API 级别 9 到 10),Image Asset Studio 会生成灰色版本的图标。更高版本的 Android 应用 Image Asset Studio 生成的红色图标。

5、制作流程

关上 Image Asset Studio 后,您能够依照以下步骤增加告诉图标:

(1) 在 Icon Type 字段中,抉择 Notification Icons。(2) 在 Asset Type 中抉择一种资源类型,而后在上面的字段中指定资源:

  • 在 Clip Art 字段中,点击相应按钮。
  • 在 Select Icon 对话框中,抉择一个素材图标,而后点击 OK。
  • 在 Path 字段中,指定图片的门路和文件名。点击 … 以应用对话框。
  • 在 Text 字段中,输出文本字符串并抉择字体。图标会显示在右侧的 Source Asset 区域以及向导底部的预览区域中。

(3)(可选)更改名称和显示选项:

  • Name – 如果您不想应用默认名称,请输出新名称。如果我的项目中已存在该资源名称(由向导底部的谬误来批示),它将被笼罩。名称只能蕴含小写字符、下划线和数字。
  • Trim – 要调整源资源中图标图形与边框之间的边距,请抉择 Yes。此操作将移除通明空间,同时让宽高比放弃不变。要让源资源放弃不变,请抉择 No。
  • Padding – 如果要调整全副四面的源资源内边距,请挪动滑块。抉择一个介于 -10% 和 50% 之间的值。如果也抉择了 Trim,则先进行剪裁。

Image Asset Studio 会在通明的正方形内创立图标,所以边缘上有一些内边距。内边距为规范的暗影图标成果提供了短缺的空间。

(4) 点击 Next。

(5)(可选)更改资源目录:

  • Res Directory – 抉择想在其中增加图片资源的资源源代码集:src/main/res、src/debug/res、src/release/res 或用户定义的源代码集。主源集实用于所有构建变体,包含调试和公布。调试和公布源集将替换主源集,并利用于构建的一个版本。调试源集仅用于调试。要定义新源集,请顺次抉择 File > Project Structure > app > Build Types。例如,您能够定义一个 Beta 版源集,并创立一个版本的图标,使其右下角蕴含文本“BETA”。如需理解详情,请参阅配置构建变体。

Output Directories 区域会显示图片以及它们将呈现在 Project 窗口的“我的项目文件”视图中的哪些文件夹中。

(6) 点击 Finish。Image Asset Studio 会针对不同的密度和版本将图片增加到 drawable 文件夹。

示例 1:在 Clip Art 字段中抉择一个图标

成果 1:

示例 2:在 Text 字段中,输出字符“37”

成果 2:

示例 3:在 Path 字段中,指定图片的门路和文件名

成果 3:

图片起源:http://www.lyouxi.com/ 游戏盒子

退出移动版