Android之制作App的图标

这篇具有很好参考价值的文章主要介绍了Android之制作App的图标。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在过去,Android应用程序的图标都是应该放到相应的分辨率的mipmap目录下,不过从Android8.0开始,Google已经不再建议使用单一的一张图片来作为应用程序的图标,而是应该使用前景和背景分离的图标设计方式。具体来讲,应用程序的图标应该被分为两层:前景层和背景层。前景层用来展示应用图标的Logo,背景层用来衬托应用图标的Logo。需要注意的是,背景层在设计的时候只允许定义颜色和纹理,不能定义形状。
那么图标的形状由谁来定义呢?Google将这个权利交给手机厂商。手机厂商会在图标的前景层和背景层之上再盖上一层mask。这个mask可以是圆角矩形,圆形或者方形。由具体手机厂商而定,这样就可以将手机上所有应用程序的图标裁剪成相同的形状,从而统一图标的设计规范。
如下两个图片是8.0及以上系统的图标原理示意图。可以看到最终裁剪出的应用程序图标也是圆形的。
Android之制作App的图标

裁剪后的应用程序图标。
Android之制作App的图标
了解了工作原理我们可以借助AndroidStudio工具来制作能够兼容各个Android系统版本的应用程序图标。点击导航栏中的File->new->Image Asset打开Asset Studio工具。如下图
Android之制作App的图标
在Asset Studio中,左边是操作区域,右边是预览区域。
Android之制作App的图标
先来看操作区域,第一行的Icon Type保持默认就可以了,表示同时创建兼容8.0系统以及老版本系统的应用图标。第二行的Name用于指定应用图标的名称,这里保持ic_launcher的命名即可。这样可以覆盖掉之前自动生成的应用程序图标。接下来的三个页签,Foreground Layer用于编辑前景层,Background Layer用于编辑背景层,Legacy用于编辑老版本系统的图标。
再来看预览区域,它的作用就是预览应用图标的最终效果。再预览区域中给出了可能生成的图标形状。每个图标都有一个圆圈,这个圆圈叫做安全区域,必须保证图标的前景层完全处于安全区域才行,否则可能会出现应用图标的Logo被手机厂商的mask裁剪掉的情况。
在Foreground Layer中选取之前准备好的那张Logo图片,并通过下方的Resize拖动条对图片进行缩放,以保证前景层的所有内容都在安全区域中的。然后在Background Layer中选择"Color"这种Asset Type模式,并使用#309C78这个颜色值作为背景层的颜色。
Android之制作App的图标
在预览部分我们可以看到我们的图标已经能够应对各种不同类型的mask了。
接下来点击“next”会进入一个确认图标生成路径的界面,然后直接点击界面上的“Finish”按钮就可以完成图标的制作了。所有图标相关的文件都会被生成到相应分辨率的mipmap目录下。
Android之制作App的图标

其中有一个mipmap-anydpi-v26目录中放的不是图片,而是xml文件,这是什么意思呢?其实只要Android8.0及以上系统的手机,都会使用这个目录下的文件来作为图标。通过打开ic_launcher.xml文件来查看它的代码:

<?xml version="1.0" encoding="utf-8"?>
<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
    <background android:drawable="@color/ic_launcher_background"/>
    <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
</adaptive-icon>

这就是适配Android8.0及以上系统应用图标的标准写法。可以看到,这里在< adaptive-icon >标签中定义了一个< background >标签用于指定图标的背景层,引用的是我们之前设置的颜色值。又定义了一个< foreground >标签用于指定图标的前景层,引用的就是我们之前准备的那张logo图。
那么这个ic_launcher.xml文件在哪里被引用呢?其实只要打开AndroidManifest.xml文件
Android之制作App的图标
可以看到,< application >标签的android:icon属性就是专门用于指定应用程序图标的,这里将图标指定了@mipmap/ic_launcher,那么在Android8.0及以上系统中,就会使用mipmap-anydpi-v26目录下的ic_launcher.xml文件来作为应用图标。7.0及以上系统就会使用mipmap相应分辨率下的ic_launcher.png图片来作为应用图标。另外你可能会注意到< application >标签下还有一个android:roundIcon属性,这是一个只适用于Android7.1系统的过渡版本,很快就被8.0系统的新图标适配方案所替代了。
运行程序可以看到我们的桌面应用。
Android之制作App的图标文章来源地址https://www.toymoban.com/news/detail-498993.html

到了这里,关于Android之制作App的图标的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 如何设置Qt应用程序的图标和可执行程序的图标

    本文主要介绍在 Qt 中设置应用程序图标和可执行程序图标的方法。共包含三种图标:应用程序左上角的图标、状态栏上显示的图标和可执行文件本身的图标。 应用程序是面向 Windows 操作系统的; 使用的 Qt Creator 版本号为:4.11.1; 使用的 Qt 版本号为:5.14.2-64bit; 方法中使用

    2024年02月15日
    浏览(43)
  • nodejs+python+php+微信小程序-基于安卓android的健身服务应用APP-计算机毕业设计

    考虑到实际生活中在健身服务应用方面的需要以及对该系统认真的分析,将系统权限按管理员和用户这两类涉及用户划分。  则对于进一步提高健身服务应用发展,丰富健身服务应用经验能起到不少的促进作用。 健身服务应用APP能够通过互联网得到广泛的、全面的宣传,让

    2024年02月07日
    浏览(55)
  • xcode 设置 ios苹果图标,为Flutter应用程序配置iOS图标

    工具网址:https://icon.wuruihong.com/ 下载之后文件目录如下 拷贝到项目的iosRunnerAssets.xcassetsAppIcon.appiconset目录下,如下图

    2024年01月23日
    浏览(71)
  • 【linux】查看Debian应用程序图标对应的可执行命令

    在Debian系统中,应用程序图标通常与`.desktop`文件关联。您可以通过查看`.desktop`文件来找到对应的可执行命令。这些文件通常位于`/usr/share/applications/或~/.local/share/applications/`目录下。这里是如何查找的步骤: 1. 打开文件管理器或终端。 2. 导航到这些文件夹之一。    - 对于全

    2024年01月19日
    浏览(57)
  • Deepin/UOS Linux 桌面自定义 IDEA/DataGrip 应用程序图标

    在 $HOME/Desktop 目录下编辑 vim jetbrains.intelij.idea.desktop vim jetbrains.datagrip.desktop 我们下期见,拜拜!

    2024年02月16日
    浏览(48)
  • 使用PyInstaller将pyqt应用转换为exe程序,并设置图标

    在PyInstaller中, -i 选项用于指定生成的可执行文件的图标文件。通过使用 -i 选项,可以将一个图标文件与生成的可执行文件关联起来,使得可执行文件在操作系统中显示指定的图标。 具体使用方法如下: 其中, 图标文件路径 是要指定的图标文件的路径,可以是ICO格式的图

    2024年02月14日
    浏览(52)
  • 保护您的Android应用程序:Android应用程序安全一览

    我们都知道Android是为所有人设计的——开放、面向开发者、面向用户,这种开放性为今天和明天的移动技术提供了很多便利。然而,开放性也带来了需要妥善处理的安全风险。 安全是我们所有人都关注的重要问题。无论是我们的个人数据、电子邮件、电话号码、凭证、服务

    2024年02月03日
    浏览(72)
  • 程序员到应用市场卖app

    对我们大部分程序员来说,开发是自己的老本行,相对得心应手。但在副业项目中,我们不可避免地需要将软件转化为收入。销售通常是我们的短板,那么我们能否找到一种方式来规避它呢? 应用商店便是答案。早期的应用商店是一个极佳的门户,它将软件分门别类展示出来

    2024年04月23日
    浏览(61)
  • 抓包-小程序+APP+PC应用+封包

    Cherles抓取微信小程序数据包(x) ————2023年有一天突然发现无法抓取小程序数据包了   Burpsuite抓取微信小程序数据包——配合Proxifier工具 配置Proxifier工具的代理服务器 配置Proxifier工具的代理规则 打开微信小程序,小程序流量成功经过proxifier工具   Burpsuite监听本地808

    2024年02月05日
    浏览(44)
  • Android 10(Q) 以上普通 APP 隐藏应用图标问题探究及解决方案

    aosp 版本 10.0 系统 aosp 版本 13.0 系统 APP AndroidManifest.xml 中通过 activity-alias 配置带 LAUNCHER 属性 category,并且 android:enabled=“true” 10.0 系统中可安装后正常显示 icon,通过 setComponentEnabledSetting 隐藏 icon 成功,桌面上不留下 app 相关任何图标 13.0 系统中可安装后正常显示 icon,通过

    2024年01月22日
    浏览(40)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包