精华内容
下载资源
问答
  • 谷歌在Android8.0后就推出了圆形图标,并在AndroidStudio中提供了制作工具。那么如果不制作圆形工具会怎么样?在部分设备上图标会出现适配问题,UI上不美观。本文将介绍Image Asset Studio工具的使用,介绍如何制作...

    作者

    大家好,我叫Jack冯;
    本人20年硕士毕业于广东工业大学,于2020年6月加入37手游安卓团队;目前主要负责海外游戏发行安卓相关开发。

    系列目录


    游戏优化系列一:海外谷歌应用适配相关

    * 游戏优化系列二:Android Studio制作图标教程(**本章讲解**)

    * 游戏优化系列三:Unity游戏的黑屏问题解决方法

     

    背景

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

    本文目录

    1、 关于Image Asset Studio

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

    3、 操作栏和标签页图标

    4、通知图标

     

     

    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:

     

    展开全文
  • 简要介绍 小团队如果没有专门的UI工程师,那图标就会成为一个问题,在此先推荐阿里巴巴的...还好有贴心的Android Studio,自带Asset Studio来帮你解忧. 操作步骤 访问菜单New》Image Asset 定制图标 ...

    简要介绍

    小团队如果没有专门的UI工程师,那图标就会成为一个问题,在此先推荐阿里巴巴的www.iconfont.cn. 在基于也有合适图标的基础上,如何快速生成app所要的所有分辨率图标呢?
    看看这么多图片目录,头都大了,一个个搞,不得累死?
    还好有贴心的Android Studio,自带Asset Studio来帮你解忧.

    操作步骤

    1. 访问菜单New》Image Asset

    2. 定制图标
    1. 界面中“Asset Type”默认是Image,可以通过下面的Path后面的按钮选择自己的图片.
      下面样例中,我从iconfont下载一个白色贝壳的图标,格式为svg(推荐此格式,如果采用PNG,则会很模糊)
    2. 定制背景
      点击“Background Layer”,对于“Asset Type”,根据自己需要选择“Color”或“Image”,下面样例选择的是Color
    3. 直接下一步
    4. 实际运行出来的桌面图标效果
    5. 还有另外一种生成图标的方式
    • 在初始界面上对于Asset Type选择“Clip Art”,再点击“Clip Art:”后面的小机器人图标
    • 选择自己对眼的图标,后面的步骤就跟上面一样了

    安卓开发技术分享: https://blog.csdn.net/yinxing2008/article/details/84555061
    更多技术总结好文,请关注:「程序园中猿」

    展开全文
  • 主要介绍了在启动栏制作android studio启动图标的相关知识,需要的朋友可以参考下
  • 曾几何时, Android开发没有那么方便, 制作一个图标也许都要请美工, 或者自己花时间去PS。 或者去一些在线图标制作网站, 例如: https://makeappicon.com/ http://iconion.com/ 但是, 这样的苦日子已经一去不复返咯...

    曾几何时, Android开发没有那么方便, 制作一个图标也许都要请美工, 或者自己花时间去PS。

    或者去一些在线图标制作网站, 例如:

    但是, 这样的苦日子已经一去不复返咯~

    随着Google亲儿子Android Studio越发成熟, 给我们的Android开发带来了越来越多的便利。Google果然不错~

    今天给大家介绍的一个Android开发的神兵利器就是Android Studio自带的图标制作利器 Image Asset Studio。

    • Image : 英语"图像"的意思。
    • Asset : 英语"素材"的意思。
    • Studio : 英语"工作室"的意思。

    按照字面意思, Image Asset Studio就是用来制作图像素材的工具。不过其实它是用来制作Android中的各种图标的, 这里的Asset是它用于制作图标的原材料。

    启动Image Asset Studio


    要启动Image Asset Studio很简单, 首先开启Android Studio, 打开一个已有项目或者新建一个已有项目, 然后在项目视图中定位到res目录:

    定位到res目录

    鼠标右键点击res, 依次选择New -> Image Asset (或者依次选择File -> New -> Image Asset)。

    Android Studio就会为我们启动Image Asset Studio, 如下图所示:

    Image Asset Studio

    使用Image Asset Studio


    Image Asset Studio可以制作三种图标类型, 分别是:

    • Launcher Icons : app的桌面图标, 也就是启动图标(launcher是英语"启动器"的意思, icon则是英语"图标"的意思)。
    • Action Bar and Tab Icons : 用于Action Bar 和 Tab的图标。
    • Notification Icons : 用于通知的图标(notification是英语"通知"的意思)。

    而制作每种图标又可以使用三种素材类型, 如下图中所示:

    三种素材类型: Image, Clip Art, Text

    • Image : 英语"图像"的意思。
    • Clip Art : 英语"剪贴画"的意思。
    • Text : 英语"文本"的意思。

    因此有 3 x 3 = 9 种组合。

    启动Image Asset Studio后, 它会默认选中Launcher Icons这种图标类型(也就是我们的Android应用的桌面图标, 也就是启动图标), 而素材则会选中Clip Art这种Asset Type (素材类型), 你可以换成其他的。

    我们可以都来试试:

    Launcher Icons图标类型


    首先是默认的Launcher Icons这种图标类型, 如果我们用默认选中的Clip Art这种素材类型, 那么可以点击Clip Art右边的小方框, 来选择Android Studio提供的所有剪贴画素材:

    点击以上图标之后, 会打开一个窗口, 供你选择:

    选择之后, 点击OK按钮即可。

    然后如何来生成图标呢? 很简单, 只需要点击之前的窗口的Next(下一步)按钮, 就会出现以下窗口:

    点击Finish(完成)按钮, 就会为我们在相应目录生成对应不同屏幕分辨率的图标了, 默认的是:

    • mdpi : medium dpi , 也就是中等的屏幕密度。dpi是Dot Per Inch的缩写, 表示每英寸点数, 或每英寸的像素。dpi越大, 清晰度越高。mdpi约等于160个像素每英寸。

    • hdpi : high dpi , 也就是高等的屏幕密度。hdpi约等于240个像素每英寸。

    • xhdpi : extra high dpi , 也就是超高等的屏幕密度。xhdpi约等于320个像素每英寸。

    • xxhdpi : extra extra high dpi , 也就是超超高等的屏幕密度。xxhdpi约等于480个像素每英寸。

    • xxxhdpi : extra extra extra (重要的事情要说三遍吗...) high dpi , 也就是超超超高等的屏幕密度。xxxhdpi约等于640个像素每英寸。

    DPI原来是印刷上的记量单位,意思是每英寸上,所能印刷的网点数(Dot Per Inch)。
    但随着数字输入,输出设备快速发展,大多数的人也将数字影像的解析度用DPI表示,但较为严谨的人可能注意到,印刷时计算的网点(Dot)和电脑显示器的显示像素(Pixel)并非相同。
    所以较专业的人士,会用PPI(Pixel Per Inch)表示数字影像的解析度,以区分二者。

    如果你选择Image这种素材类型, 那么你可以选择电脑上的任意一张图片来作为素材, 通过点击下图中Path(路径)那一栏的最右边的"三个小点"的按钮, 例如我选了一张自己很喜欢的头像 (Android机器人) :

    自定义的Image素材

    之后, 下一步(Next)和剪贴画的素材是类似的:

    Action Bar and Tab Icons图标类型


    再来试试Action Bar and Tab Icons图标类型, 我们可以选择素材类型为Text, 也就是文本。

    我们可以编辑文本, 例如下图中, 我输入了Android, 然后在custom color (自定义颜色)中选择了亮绿色, 当然了, 还可以调节字体, 样式等选项。

    Notification Icons图标类型


    Notification Icons图标类型的生成也无外乎那么几种模式:

    总结


    目前(2016年10月26日), Android Studio的最新版本是2.2.2, 所以如果还在使用老版本的用户快点升级到最新版本吧。

    2.2版中很多新功能日趋完善, 比如 Instant Run, Layout Editor, Espresso Test Recorder (用于录制Android UI测试, 以便自动生成测试代码。已经可以在真机上正确运行了。之前2.1或2.2 Beta版本的Espresso Test Recorder在真机上启动不起来, 只能在模拟器上启动)。

    除此之外还有许多新功能的加入。

     

    展开全文
  • Android studio程序图标制作及签名发布 ** 一 .图标制作。 右键 drawable —> new -->Image Asset 再直接finish即可。图标制作完成! 二. 签名。 第一步 Build -->Generate Signed Bundle/Apk 第二部 ...

    **

    Android studio程序图标制作及签名发布

    **
    一 .图标制作。
    右键 drawable —> new -->Image Asset
    在这里插入图片描述
    在这里插入图片描述
    再直接finish即可。图标的制作完成!

    二. 签名。
    第一步
    Build -->Generate Signed Bundle/Apk
    在这里插入图片描述
    第二部
    选中Apk ,点击next ( 有的可能AS版本不一样,请自己甄别)
    在这里插入图片描述

    第三步 点击Create new…
    在这里插入图片描述

    在这里插入图片描述
    第四步,
    点击OK之后,会自动填写好信息。
    如图。
    在这里插入图片描述
    点击next,在该界面选中 release , v2,然后finish,等待apk自动生成即可。
    在这里插入图片描述
    加载完毕之后,可在app -->build–>outputs—>apk–>release中查看,大功告成!

    展开全文
  • AndroidStudio制作欢迎界面与应用图标

    千次阅读 2018-04-02 09:39:44
    前言大家好,我是 Vic,今天给大家带来AndroidStudio制作欢迎界面与应用图标的概述,希望你们喜欢欢迎界面与应用图标本项目使用Android Studio 3.0.1作为开发工具activity_splash.xml创建了一个activity_splash.xml...
  • android studio 图标制作

    千次阅读 2017-07-05 09:00:58
    http://jingyan.baidu.com/article/6181c3e0bb707e152ef15330.html
  • AndroidStudio制作欢迎界面与应用图标 的概述,希望你们喜欢 欢迎界面与应用图标 本项目使用Android Studio 3.0.1作为开发工具 activity_splash.xml 创建了一个activity_splash.xml布局文件,为欢迎界面布局,首先...
  • 以前想制作一套图标,得用PS搞上半天,现在随着谷歌亲儿子越来越牛逼,已经可以用AS自带的Image Asset Studio制作简易的图标了。 第一步 启动Image Asset Studio 在项目的res文件夹右键New -> Image Asset ...
  • android studio 生成制作应用图标

    千次阅读 2018-08-13 14:42:44
    打开androidManifest.xml,增加android:icon="@drawable/icon",icon更换成你现在的图标名即可
  • Icon=你的AndroidStudio解压文件夹的绝对路径/android-studio/bin/studio.png Exec=sh 你的AndroidStudio解压文件夹的绝对路径/android-studio/bin/studio.sh 内容填写好后保存退出(复制的时候注意每一行后面都不...
  • 文章目录adroid 8.0:(foreground+backgroud)输出:回到项目预览: adroid 8.0:(foreground+backgroud) 主要是前景图(logo) ...将会生成几分不同规格的图标(点进去分别可以预览) 回到项目预览: ...
  • Android Studio制作各分辨率应用图标 1.File --> new --> Image Asset 2.Asset Type改成Image 3.Path路径选择一个图片。
  • Android studio制作简单微信界面

    千次阅读 2020-10-15 10:53:37
    Android studio微信界面简单制作 移动技术开发的第一课 完成展示 (先看看样子) 大概就是这个样子 1.放入图标 把下好的图标复制粘贴放在/app/res/drawble 目录下即可 2.布局设计 首先我们的微信界面大概分成三个...
  • 这里是单击下图2中的小人图标 会弹出一大堆图标,而且有各种大小的
  • android studio里这种图标资源文件是如何制作生成的?如图左边的代码对应一个铃铛形的图形,代码看不懂,如何生成自己定义的图标呢??? [img=https://img-bbs.csdn.net/upload/202004/01/1585732472_903592.png...
  • Android Studio 类微信界面的制作

    千次阅读 2020-10-13 21:28:46
    Android Studio 类微信界面的制作 本文介绍如何在Android Studio制作一个类微信的界面 所需工具 Android Studio UI界面图标一套(可以在阿里矢量图标网中找) Android Studio安装过程详情可以查看这篇博文 ...
  • Android 8.0(API 级别 26)及更高版本...Android Studio 3.0 开始支持使用 Image Asset Studio 创建自适应图标。Image Asset Studio 会生成自适应图标的圆形、方圆形、圆角方形和方形预览,以及图标的全宽预览。 ...
  • 写博客要用到截图或者gif来演示,虽然我用的不多,所以我的博客写的很烂,不过android studio的截屏和录制视频功能还是挺不错的,截屏和录制视频是放在一起的,在Logcat界面的>>处,当然,版本不同可能位置会不一样...
  • Android Studio 的NotePad制作(日志本)

    千次阅读 2018-03-14 12:17:07
    但是 界面还是一如既往的shi(因为百度找的图标都不是那种成套的,想找的找不到,干脆下次自己画!) NotePad的功能无非是对日志的增删改查,这次还加入了Preference的一些配置的设置。 这是主界面,上方的都是...
  • 将目录加入全局变量中 sudo vim /etc/profile export PATH="$PATH:/usr/local/android-studio/bin...我们将这个启动图标直接放到~/bin/android-studio文件夹下. 首先在~/bin/android-studio文件夹下新建一个Studio.de.
  • Android Asset Studio,可以在线生成各种图标。 地址:http://romannurik.github.io/AndroidAssetStudio/index.html 矢量库 :https://www.iconfont.cn/
  • 在某一次制作帧动画项目的时候,由于图片插入过多以及代码逻辑有误,导致了AndroidStudio一直报VM内存即将溢出,运行十分卡顿。于是乎点击Help -> Edit Custom VM Options,设置了过大的内存。 这一操作导致了...

空空如也

空空如也

1 2 3 4
收藏数 73
精华内容 29
关键字:

androidstudio制作图标