返回顶部
首页 > 资讯 > 移动开发 >Android之制作App的图标
  • 573
分享到

Android之制作App的图标

androidandroidstudioide 2023-10-22 11:10:58 573人浏览 独家记忆
摘要

在过去,Android应用程序的图标都是应该放到相应的分辨率的mipmap目录下,不过从Android8.0开始,Google已经不再建议使用单一的一张图片来作为应用程序的图标,而是应该使用前景和背景

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

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

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

<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文件
在这里插入图片描述
可以看到,< 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系统的新图标适配方案所替代了。
运行程序可以看到我们的桌面应用。
在这里插入图片描述

来源地址:https://blog.csdn.net/ChenYiRan123456/article/details/130044764

--结束END--

本文标题: Android之制作App的图标

本文链接: https://lsjlt.com/news/439639.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • Android之制作App的图标
    在过去,Android应用程序的图标都是应该放到相应的分辨率的mipmap目录下,不过从Android8.0开始,Google已经不再建议使用单一的一张图片来作为应用程序的图标,而是应该使用前景和背景...
    99+
    2023-10-22
    android android studio ide
  • android app icon 图标大小尺寸
    在android程序中,在drawable中设置好图标后,但结果在小米2可没有显示出来,但在我自己的htc中和模拟器中显示正常。后来发现小米的dpi不一样。 后来发现,andr...
    99+
    2022-06-06
    app Android
  • Android下录制App操作生成Gif动态图的全过程
    Android App开发完了,自然希望录个gif做个展示。视频也可以做展示,但是需要上传到优酷、土豆等等,而且本来就十几秒的App演示操作过程,视频网站的广告就要一分钟,没有...
    99+
    2022-06-06
    gif动态图 app Android
  • 用自己任意的图片制作适合的Android图标分享
    很多安卓开发小白(没错,正是在下 ...
    99+
    2022-06-06
    图片 Android
  • 利用Android制作一个APP首页
    本篇文章给大家分享的是有关利用Android制作一个APP首页,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。首页展示LRecyclerView作为主框架,轮播图以及分类网格列表...
    99+
    2023-05-31
    android pp
  • css图标制作教程
    这篇文章主要介绍“css图标制作教程”,在日常操作中,相信很多人在css图标制作教程问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”css图标制作教程”的疑惑有所帮助!接下来,...
    99+
    2024-04-02
  • Android获取高清app图标代码分享
    Android获取高清app图标只有一个方法,具体内容如下 public synchronized static Drawable getIconFromPackageNa...
    99+
    2022-06-06
    app图标 app Android
  • Android如何动态改变App桌面图标
    时不时的我们就会发现,一些我们常见的应用,比如某宝,某东,在一些特殊的日子中,比如双十一,元旦,为了迎合这样一个日子的气氛,在桌面的应用图标就会发生改变,其实对于这样的一个桌面...
    99+
    2022-06-06
    app 动态 Android
  • Android实现绘制折线图APP代码
    目录一.总体设计二.具体模块实现三.效果展示四.功能展望总结一.总体设计 1.寻找规律,公式化的生成坐标系。 2.将生成坐标系的关键参数设置为可自定义,从而可变的可以生成自己想要的坐...
    99+
    2024-04-02
  • Android中app自由模版怎么制作
    今天小编给大家分享一下Android中app自由模版怎么制作的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。通常模版都是预定义...
    99+
    2023-06-26
  • Android 利用OpenCV制作人脸检测APP
    目录前言第一步:下载并安装Android studio第二步:下载SDK tools第三步:新建一个Android APP项目第四步:下载Opencv第五步:导入OpenCV第六步:...
    99+
    2024-04-02
  • Android Studio制作一个简单的计算器APP
    虽然现在我们日常生活中很少用到计算器,但是第一次尝试在Android Studio上做一个计算器 程序设计步骤: (1)在布局文件中声明编辑文件框EditText,按钮Button等组件。 (2)在MainActivity中获取组件实例。 ...
    99+
    2023-10-03
    android android studio
  • Android实现动态改变app图标的示例代码
    本文介绍了动态改变app图标,分享给大家,具体如下:代码实现如下:<application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:l...
    99+
    2023-05-30
    android app图标 pp
  • Android制作微信app顶部menu菜单(ActionBar)
    使用微信APP的小伙伴对于微信的ActionBar一定有印象,今天就带领大家一起实现以下这个效果。   第一步打开我们的开发工具,这里我使用的是Eclipse+ADT插件,然后...
    99+
    2022-06-06
    微信app actionbar app Android
  • CSS怎样制作箭头图标
    这篇文章主要为大家展示了“CSS怎样制作箭头图标”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“CSS怎样制作箭头图标”这篇文章吧。 css3功能非常强...
    99+
    2024-04-02
  • 总结Android App内存优化之图片优化
    前言 在Android设备内存动不动就上G的情况下,的确没有必要去太在意APP对Android系统内存的消耗,但在实际工作中我做的是教育类的小学APP,APP中的按钮、背景、动...
    99+
    2022-06-06
    图片 优化 app Android
  • 基于SuperMap iMobile for Android快速制作疫情App
    作者:dongyx 前言 一场突发的新型冠状肺炎让大家过了一个“宅”年,疫情的发展牵动着全国上下亿万国民的心,对各地政府、各行各业带来巨大的压力与挑战。病毒是无情的,但人是有情的,人心是暖的。下面小编将用SuperMap iMobi...
    99+
    2022-06-06
    supermap for app Android
  • Android如何利用OpenCV制作人脸检测APP
    这篇文章将为大家详细讲解有关Android如何利用OpenCV制作人脸检测APP,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。无图无真相,先把APP运行的结果给大家看看。如上图所示,APP运行后,点击“选...
    99+
    2023-06-21
  • Android静默拍摄app制作方法是什么?
    这篇文章将为大家详细讲解有关Android静默拍摄app制作方法是什么?,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。所谓静默拍摄就是在用户毫无感知的情况下拍摄。一般的拍照都会有预览区域,拍照声。去掉这些...
    99+
    2023-05-31
    android 静默拍摄
  • 浅谈Android IPC机制之Binder的工作机制
    目录进程和线程的关系跨进程的种类Serializable,Parcelable接口Binder进程和线程的关系 按照操作系统中的描述,线程是CPU调度的最小单位,同时线程也是一种有限...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作