android图片素材文件格式,Android Studio神器之Image Asset

我把Image Asset翻译成“图片资源素材”,本章主要介绍如何使用Android Studio制作图片素材。

(1)阿里图库的使用

起初,我常常在阿里图库中寻找我所需要的素材,阿里图库的官网如下:

使用步骤如下:

【第一步】 搜索“设置”关键字

d9875f22d6eb?utm_campaign=haruki

图片.png

【第二步】 选择合适的图标,并下载

d9875f22d6eb?utm_campaign=haruki

41.gif

【第三步】 下载之前会让您选择合适的颜色、大小、文件输出格式

d9875f22d6eb?utm_campaign=haruki

图片.png

总体而言,使用阿里图库制作图片素材还是非常方便的。

除此之外,还可以使用Android Studio自带的Image Asset制作图片素材,Android的图片素材是png格式,属于位图。

(2)Image Asset打开步骤

d9875f22d6eb?utm_campaign=haruki

图片.png

【第一步】 新建一个ImageAsset项目

观察一下项目目录

【第二步】 选中app模块

如图所示,选中项目中的app模块或者选中app文件下的任何文件,选中好之后就可以打开Image Asset界面了。

【第三步】 打开Image Asset界面

打开Image Asset界面的方式有两种:

【1】File->New-->Image Asset

【2】鼠标右击-->New-->Image Asset

Image Asset界面如下:

d9875f22d6eb?utm_campaign=haruki

图片.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)之后,左半边是属性配置,右半边是图片预览,如图所示:

d9875f22d6eb?utm_campaign=haruki

图片.png

参数的意义:

Name:图片文件名称

Asset Type:素材类型,素材类型有三种

Image:从本地选择图片

d9875f22d6eb?utm_campaign=haruki

图片.png

Clip Art:剪贴画

d9875f22d6eb?utm_campaign=haruki

图片.png

可以选择想要的图标

d9875f22d6eb?utm_campaign=haruki

图片.png

Text:文本

d9875f22d6eb?utm_campaign=haruki

图片.png

可以选择合适的字体

d9875f22d6eb?utm_campaign=haruki

图片.png

Path:文件路径,如果素材类型选择Image,那么就会出现Path选项,可以从本地选择一张图片,最后将本地图片作为素材的前景

Trim:修剪

这个英语单词很熟悉,很容易想到String有个trim方法,意思是去除字符串首尾空格,这里转换一下概念,将字符串想象成图片,意思就是说,去除图片周围多余的透明空间。

如果选择Yes:移除图片周围的透明空间

如果选择No:保留原始资源不变

Padding:图片前景和背景的距离

Foreground:前景颜色

Background:背景颜色

Scaling:缩放比例

Crop:裁剪源资源以适应图标大小

Shrink to fit:缩小源资源以适应图标大小

Shape:形状(前景是一张本地图片,这里的形状是指背景的形状)

None:没有形状

Circle:圆形

d9875f22d6eb?utm_campaign=haruki

图片.png

Square:正方形

d9875f22d6eb?utm_campaign=haruki

图片.png

Vertical:垂直

d9875f22d6eb?utm_campaign=haruki

图片.png

Horizontal:水平

d9875f22d6eb?utm_campaign=haruki

图片.png

Effect:效果

None:无效果

d9875f22d6eb?utm_campaign=haruki

图片.png

DogEar:狗耳朵效果(书的折角)

d9875f22d6eb?utm_campaign=haruki

图片.png

最后,参数配置完成之后点击“下一步”,界面如下:

d9875f22d6eb?utm_campaign=haruki

图片.png

我们发现,Launcher图标的大小工具已经帮我们做好了:

mdpi对应48x48dp、48x48px

hdpi对应48x48dp、72x72px

xhdpi对应48x48dp、96x96px

xxhdpi对应48x48dp、144x144px

xxxhdpi对应48x48dp、192x192px

(5)自适应和传统桌面启动图标

这种桌面图标比“仅传统桌面图标”多了一个自适应,那么这个自适应是怎么回事呢?我们先来看一下基本参数。

Name:图片文件名称

Foreground Layer:前景图层

d9875f22d6eb?utm_campaign=haruki

图片.png

Background Layer:背景图层

d9875f22d6eb?utm_campaign=haruki

图片.png

Legacy:传统

d9875f22d6eb?utm_campaign=haruki

图片.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以下的适配

d9875f22d6eb?utm_campaign=haruki

图片.png

最后,点击“下一步”的界面如下:

d9875f22d6eb?utm_campaign=haruki

图片.png

如图所示,与传统图标相比,它多了一个mipmap-anydpi-v26文件夹,这个文件夹里面的资源是为了自适应而存在的,API 26以上(包括API 26)的手机使用mipmap-anydpi-v26文件夹文件夹中的资源,低于API 26的手机使用传统文件夹(mipmap-xxx)中的资源。

另外,需要说明的是,mipmap-anydpi-v26文件夹中的图片一般是矢量图,而不是位图,矢量图可以完美适配各种分辨率的手机。

(6)Action Bar和Tab类图标

d9875f22d6eb?utm_campaign=haruki

图片.png

如图所示,它的参数和Launcher图标制作的参数明显大部分一致,而且最终生成的图片也是位图和矢量图。

(6)Notification Icons:通知图标

d9875f22d6eb?utm_campaign=haruki

图片.png

通知类图标也是,有位图有矢量图,但是有一点和前者明显不同。

我们发现,当制作通知图标时,始终找不到颜色的选项,那是为什么呢?

因为在高版本的手机中,通知图标只能是透明的,不允许存在RGB颜色通道,所以Android Studio就去除了颜色选项。

[本章完...]

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值