Android Studio神器之Image Asset

NoBugException  IP属地: 江苏
1字数 1,504阅读 10,414

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

(1)阿里图库的使用

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

https://www.iconfont.cn/

使用步骤如下:

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

图片.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就去除了颜色选项。

[本章完...]

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
13人点赞
更多精彩内容,就在简书APP
"很不错的文章,值得学习!"
还没有人赞赏,支持一下
NoBugException  学习是我的兴趣, 资源整合是一个过程,成为大神是我的小目标。
总资产533共写了32.0W字获得1,931个赞共879个粉丝

推荐阅读更多精彩内容