我把Image Asset翻译成“图片资源素材”,本章主要介绍如何使用Android Studio制作图片素材。
(1)阿里图库的使用
起初,我常常在阿里图库中寻找我所需要的素材,阿里图库的官网如下:
使用步骤如下:
【第一步】 搜索“设置”关键字
图片.png
【第二步】 选择合适的图标,并下载
41.gif
【第三步】 下载之前会让您选择合适的颜色、大小、文件输出格式
图片.png
总体而言,使用阿里图库制作图片素材还是非常方便的。
除此之外,还可以使用Android Studio自带的Image Asset制作图片素材,Android的图片素材是png格式,属于位图。
(2)Image Asset打开步骤
图片.png
【第一步】 新建一个ImageAsset项目
观察一下项目目录
【第二步】 选中app模块
如图所示,选中项目中的app模块或者选中app文件下的任何文件,选中好之后就可以打开Image Asset界面了。
【第三步】 打开Image Asset界面
打开Image Asset界面的方式有两种:
【1】File->New-->Image Asset
【2】鼠标右击-->New-->Image Asset
Image Asset界面如下:
图片.png
(3)选择图片类型
图标类型(Icon Type)
Launcher Icons(Legacy only):仅传统桌面启动图标
Launcher Icons(Adaptive and Legacy):自适应和传统桌面启动图标
Action Bar and Tab Icons:Action Bar和Tab类图标
Notification Icons:通知图标
(4)仅传统桌面启动图标
选择Launcher Icons(Legacy only)之后,左半边是属性配置,右半边是图片预览,如图所示:
图片.png
参数的意义:
Name:图片文件名称
Asset Type:素材类型,素材类型有三种
Image:从本地选择图片
图片.png
Clip Art:剪贴画
图片.png
可以选择想要的图标
图片.png
Text:文本
图片.png
可以选择合适的字体
图片.png
Path:文件路径,如果素材类型选择Image,那么就会出现Path选项,可以从本地选择一张图片,最后将本地图片作为素材的前景
Trim:修剪
这个英语单词很熟悉,很容易想到String有个trim方法,意思是去除字符串首尾空格,这里转换一下概念,将字符串想象成图片,意思就是说,去除图片周围多余的透明空间。
如果选择Yes:移除图片周围的透明空间
如果选择No:保留原始资源不变
Padding:图片前景和背景的距离
Foreground:前景颜色
Background:背景颜色
Scaling:缩放比例
Crop:裁剪源资源以适应图标大小
Shrink to fit:缩小源资源以适应图标大小
Shape:形状(前景是一张本地图片,这里的形状是指背景的形状)
None:没有形状
Circle:圆形
图片.png
Square:正方形
图片.png
Vertical:垂直
图片.png
Horizontal:水平
图片.png
Effect:效果
None:无效果
图片.png
DogEar:狗耳朵效果(书的折角)
图片.png
最后,参数配置完成之后点击“下一步”,界面如下:
图片.png
我们发现,Launcher图标的大小工具已经帮我们做好了:
mdpi对应48x48dp、48x48px
hdpi对应48x48dp、72x72px
xhdpi对应48x48dp、96x96px
xxhdpi对应48x48dp、144x144px
xxxhdpi对应48x48dp、192x192px
(5)自适应和传统桌面启动图标
这种桌面图标比“仅传统桌面图标”多了一个自适应,那么这个自适应是怎么回事呢?我们先来看一下基本参数。
Name:图片文件名称
Foreground Layer:前景图层
图片.png
Background Layer:背景图层
图片.png
Legacy:传统
图片.png
这里主要需要理解三个概念:
【一】前景图层
Layer Name:前景图名称
Asset Type:素材类型,Image、Clip Art、Text(上面已经介绍,不重复介绍了)
Path:本地图片路径
Trim:去除图片周围多余的透明空间
Resize:设置前景图的大小
Color:前景图颜色
【二】背景图层
Layer Name:背景图名称
Asset Type:素材类型,Image、Clip Art、Text(上面已经介绍,不重复介绍了)
Path:本地图片路径
Trim:去除图片周围多余的透明空间
Resize:设置背景图的大小
Color:背景图颜色
【三】传统图
传统图主要用于API 26以下的适配
图片.png
最后,点击“下一步”的界面如下:
图片.png
如图所示,与传统图标相比,它多了一个mipmap-anydpi-v26文件夹,这个文件夹里面的资源是为了自适应而存在的,API 26以上(包括API 26)的手机使用mipmap-anydpi-v26文件夹文件夹中的资源,低于API 26的手机使用传统文件夹(mipmap-xxx)中的资源。
另外,需要说明的是,mipmap-anydpi-v26文件夹中的图片一般是矢量图,而不是位图,矢量图可以完美适配各种分辨率的手机。
(6)Action Bar和Tab类图标
图片.png
如图所示,它的参数和Launcher图标制作的参数明显大部分一致,而且最终生成的图片也是位图和矢量图。
(6)Notification Icons:通知图标
图片.png
通知类图标也是,有位图有矢量图,但是有一点和前者明显不同。
我们发现,当制作通知图标时,始终找不到颜色的选项,那是为什么呢?
因为在高版本的手机中,通知图标只能是透明的,不允许存在RGB颜色通道,所以Android Studio就去除了颜色选项。
[本章完...]