Android使用Android Studio制作图片素材

龙旋

共 2392字,需浏览 5分钟

 · 2021-10-28

本章主要介绍如何使用Android Studio制作图片素材。


(1)、阿里图库的使用


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


https://www.iconfont.cn/


使用步骤如下:

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



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


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


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

除此之外,还可以使用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:圆形



  • 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图标制作的参数明显大部分一致,而且最终生成的图片也是位图和矢量图。

(7)、Notification Icons:通知图标




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

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

因为在高版本的手机中,通知图标只能是透明的,不允许存在RGB颜色通道,所以Android Studio就去除了颜色选项。
浏览 133
点赞
评论
收藏
分享

手机扫一扫分享

举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

举报