Android O 新特性:自适应图标(Adaptive Icons)(1)

本文介绍了如何为Android应用创建自适应图标,包括图层的构成、尺寸要求和设计规则。自适应图标由前景、背景和遮罩图层组成,大小为108x108dp,核心显示区域为72x72dp。系统会保留四周18dp的区域以实现视觉效果。在XML中设置图标需要在AndroidManifest.xml中指定Drawable资源,并使用ImageAsset工具可以快速生成适配不同分辨率和形状的图标。
摘要由CSDN通过智能技术生成
  • background:底层背景图案

  • Mask:遮罩,由手机设备厂商提供

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-sHm4vKjG-1636182360826)(https://user-gold-cdn.xitu.io/2017/9/27/03e8daf674d32f9d408a26c62a4ab7fc?imageView2/0/w/1280/h/960/ignore-error/1)]

通过这三个图层决定了自适应图标的外观和形状

需要注意的是,提供的图层是没有形状、阴影的 PNG 格式图象

设计规则

在 Android 7.1 (API 级别 25)及更早的版本中,app 的启动图标大小为 48dp ,在 Android 8.0 中,规则有所改变:

  • 两个图层的大小必须为 108 x 108 dp

  • 图层内部 72 x 72 dp 的区域为可见范围

  • 系统将保留四周各 18 dp 的范围,用来创建有趣的视觉效果,如视差或跳动

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Qkb49wUd-1636182360842)(https://user-gold-cdn.xitu.io/2017/9/27/5fd3f04839fc06ffac9333bb15ebf228?imageView2/0/w/1280/h/960/ignore-error/1)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VBaqa4Lg-1636182360843)(https://user-gold-cdn.xitu.io/2017/9/27/797acf859283fa47ca1bad7b30ae55d4?imageView2/0/w/1280/h/960/ignore-error/1)]

动画视觉效果由所支持自适应图标的启动器生存,视觉效果可能因启动器的不同而有差别

OEM 厂商所提供的遮罩是,自中点起至少 33 dp 范围内的区域

在XML中创建自适应图标

要给你的应用创建自适应图标,首先你需要你的应用的 AndroidManifest.xml 中为 android:icon 属性并指定一个 Drawable 资源。同时还可以为 android:roundIcon 属性指定一个图标,这个属性不是必须的,只有当你想为你的 app 在任何时候都以一个圆形图标展示时使用。下面的代码将示范这两个属性的用法

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dTXafMyR-1636182360845)(https://user-gold-cdn.xitu.io/2017/9/27/9d07fe826e12c496f71d9032fc6639e6?imageView2/0/w/1280/h/960/ignore-error/1)]

接下来需要在资源文件及中创建我们的自适应图标,在 Android 8.0 中自适应图标存在于 res/mipmap-any

《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》

浏览器打开:qq.cn.hn/FTe 免费领取

dpi/   文件夹下,使用  元素为你的图标定义前景和背景图层。 和   分别为前景图层和背景图层,支持 android:drawable 属性。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GpQLj9vO-1636182360846)(https://user-gold-cdn.xitu.io/2017/9/27/94af5e05472e02a11eb4cb8d31a9f29f?imageView2/0/w/1280/h/960/ignore-error/1)]

使用 Image Asset 创建自适应图标

Android studio 中提供了 Image Asset 工具,可以帮我们快速生成并适配各种分辨率的图标,在 AS 项目中的任意地方,右键 new 选择 Image Asset
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XEbYH2hu-1636182360848)(https://user-gold-cdn.xitu.io/2017/9/27/3321998b002aa55a9d25a9005826b4cb?imageView2/0/w/1280/h/960/ignore-error/1)]
如图所示,选择完前景和背景图层后,预览界面会出现不同分辨率及不同形状的自适应图标,点击 next 选择生成的目录,一套自适应图标就生成啦。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-l252RpFL-1636182360849)(https://user-gold-cdn.xitu.io/2017/9/27/edcd91e3a2832448b69eeb5d6496886e?imageView2/0/w/1280/h/960/ignore-error/1)]
由于 Android 系统的开源特性,各个手机厂商定制的 UI 百花齐放,在经历了拟物风到扁平化的转变之后,随着 Android 5.0 推出的 Material Design,各个手机厂商基本都本着在少许的定制化下,在风格上尽量还原 Android 原本的设计。
分享有趣的新事物 
本都本着在少许的定制化下,在风格上尽量还原 Android 原本的设计。**
分享有趣的新事物

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值