多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
**一、什么是 9.png 图片**     9.png 是安卓开发里面的一种特殊的图片格式,扩展名为“.9.png”。     这种格式的图片通过[Android Studio](https://developer.android.google.cn/studio/ "Android Studio")自带的编辑工具生成,使用九宫格切分的方法,使图片支持在 Android 环境下的自适应展示。     所谓的 .9,就是将图片横向和纵向随意进行拉伸,却可以保留像素的精细度、渐变质感和圆角的大小不发生变化,以实现多分辨率下的完美显示效果。      ![](http://eweishop-yun-new.oss-cn-beijing.aliyuncs.com/global/image/2022/02/36529d1b61473890bfbd7470179e6948.jpeg) 点九切图法,相当于把一张 png 图切分为 9 份,从而保证在不同屏幕分辨率下,以及在屏幕改变方向后,显示的图形不会因为长宽的变化而产生拉伸,造成图形的失真变形。 应用了 9.png 的图片,看起来像下图这样,只有 1/3/9/7 四个角不会随着尺寸变化而变形,其他区域都是可以自适应拉伸的。 ![](http://eweishop-yun-new.oss-cn-beijing.aliyuncs.com/global/image/2022/02/5348a712df3ee9f706972c6f7d6b39e4.png) **二、 9.png 图片的制作规则** 为方便大多数人能自己动手生成 9.png 图片,这里介绍如何使用 Photoshop 制作。 当然,如果你熟悉 Android Studio 、draw9patch 等工具,可以更方便的生成 9.png,可自行搜索学习。 首先,要知道**9.png 的规则**,如图,以制作启动图为例: ![](http://eweishop-yun-new.oss-cn-beijing.aliyuncs.com/global/image/2022/02/35099f743a39d585dfa1c2a6617d081e.png)         1. 9.png必须绘制**标识拉伸区域**的黑线;         2. 黑线 3/4/6 的高度必须是 1px,1/2/5 的宽度必须是 1px;         3. 手绘的黑线拉伸区必须填充**#000000**的纯黑色,透明度 100%,且图像四边不能出现半透明像素; 黑线代表什么意思呢:  1. 1/2 表示图形在**纵向**上的可拉伸区域,3/4 表示图形在**横向**上的可拉伸区域;  2. 5 表示内容在纵向上的可显示区域,6 代表内容在横向上的可显示区域; 由于启动图只是一张图片,我们不会在其中显示其他内容元素,所以 5/6 两边全部填充为黑色。 **三、制作步骤** 以上图展示的 60 \* 60 像素的图片为例。 1\. 打开 Photoshop,绘制/导入一张 60\*60 像素的图形,点击 “图像》画布大小”,将画布的宽度/高度各增加 2 像素,如图: ![](http://eweishop-yun-new.oss-cn-beijing.aliyuncs.com/global/image/2022/02/b6f0d83aebc63a8a74cf0ddcb8a4871d.png) 2\. 将图形的底边和左边全部填充黑色,在图形的上边绘制黑色边,标识图形在横向上的可伸缩区域;     同理,在图形的左边标识纵向上的可伸缩区域,如图: ![](http://eweishop-yun-new.oss-cn-beijing.aliyuncs.com/global/image/2022/02/f3d55bc91045b5e09b80a73646511999.png) 步骤二中,黑边的区域可根据自身设计图形的实际情况做出调整,上图只是示例。 3\. 绘制完毕后,导出图片,保存为 9.png 格式,如图: ![](http://eweishop-yun-new.oss-cn-beijing.aliyuncs.com/global/image/2022/02/d1924edf0de25d348cff499e1a8b230d.png) 导出的 splash.9.png 图形在 Android Studio 中为如下表现: ![](http://eweishop-yun-new.oss-cn-beijing.aliyuncs.com/global/image/2022/02/6a488b5f6ef88a197e872bca7fcb8e67.png) 最后,按以上制作流程,制作出**3 个尺寸**的 Android 启动图,在业务端/管理端的对应位置上传,保存并打包即可。