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