Android Studio神器之Image Asset

我把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就去除了颜色选项。

[本章完...]

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,911评论 5 460
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,014评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 142,129评论 0 320
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,283评论 1 264
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,159评论 4 357
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,161评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,565评论 3 382
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,251评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,531评论 1 292
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,619评论 2 310
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,383评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,255评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,624评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,916评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,199评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,553评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,756评论 2 335

推荐阅读更多精彩内容