目录

• 概要
• 制作.9.png图详细流程
• Tips
• 关注我，不迷路

概要

主要运用场景：原生安卓开发APP的启动图、 uniapp开发安卓app自定义启动图。

制作.9.png图 的方式也有多种，Android Studio是其中比较常见的一种方式。该方式制作.9图也是我在做uniapp打包app项目过程中亲测完成，接下来我会将用每步图解加文字描述的方式分解整个流程。

制作.9.png图详细流程

1. 安装Android Studio

安装Android Studio环境是第一步，需要耐心根据教程，一步步的安装。在这里就不做Android Studio安装的详细讲解，因为已经有很多很好的教程，就直接使用吧。在这里推荐一个大佬的安装教程Android Studio的安装，史上最详细(超多图)！！。再推荐一个菜鸟教程作为备用Android 开发环境搭建。

2. 新建app工程

安装好Android Studio之后，新建一个app项目：

新建：

选择一个模板：

填写APP工程基本信息：

到这里，app工程建立成功！

3. drawable下放入启动图

启动图存放位置：找到app根目录 =》 app文件夹 =》 src文件夹 =》 main文件夹 =》 res文件夹 =》 drawable文件夹

4. 创建.9.png图片

选中要制作的图片，然后鼠标右键选择菜单中的Create 9-Patch file...：

生成 .9图后的效果：

5. 开始 制作.9.png图片

第一部分，将Zoom调到较大位置如图第②点，将图片的视角拉到右下方，鼠标左键点击图④中的位置直接可以将右方和下方的边框给拉黑，拉黑的方式如图中第④点：

注意：这里首先要将下边和右边整边拉黑，否则会在打包时候报app:mergeReleaseResources相关的错误

第二部分，将视觉拉到左下方，鼠标左键按下从上往下拉一条短黑线，整个短黑线的横向（绿色横条）不能与图片上的内容重合，如图中第⑤点：

第三部分，将视觉拉到左上方，鼠标左键按下从下往上拉一条短黑线，整个短黑线的横向（绿色横条）不能与图片上的内容重合，如图中第⑥点：

第四部分，将视觉拉到左上方，鼠标左键按下从右往左拉一条短黑线，整个短黑线的竖向（绿色竖条）不能与图片上的内容重合，这里可以看出，与横线交叉的部分是紫色，说明是正确的，如图中第⑥点：

第五部分，将视觉拉到右上方，鼠标左键按下从左往右拉一条短黑线，整个短黑线的竖向（绿色竖条）不能与图片上的内容重合，这里可以看出，与横线交叉的部分是紫色，说明是正确的，如图中第⑥点：

到这里，制作.9图完成，可以将Zoom调到最小看下整体效果：

6. 使用 .9.png图

最后，打开drawable文件夹，复制出需要的 .9.png图就OK啦！

Tips

1. 该方式只是我认为 制作.9图最简单的方式，其他方式有兴趣的可以自行研究。
2. 参考文档:链接1，链接2

---

关注我，不迷路

如果有帮助，可以点赞+收藏+关注，后续有更多知识与您分享！！！

欢迎加入QQ技术群：568984539，加群备注‘地区-名字-技术类型’，以防乱加。

关于本文，如果任何疑问的可以在评论区留言，我看到就会第一时间回复的。