android 制作(1)

对比很明显，使用点九后，仍能保留图像的渐变质感，和圆角的精细度。

从中我们也可以理解为什么叫“点九PNG”，其实相当于把一张png图分成了9个部分(九宫格)，分别为4个角，4条边，以及一个中间区域，4个角是不做拉升的，所以还能一直保持圆角的清晰状态，而2条水 平边和垂直边分别只做水平和垂直拉伸，所以不会出现边会被拉粗的情况，只有中间用黑线指定的区域做拉伸。结果是图片不会走样

二.“点九”的制作方法

方法1：使用 “draw9patch”工具绘制，流程如下

1. 安装工具

首先你需要给自己的电脑安装上java于系统的默认目录下。没有安装java的同学可以在百度搜索：jdk-6u20-windows-i586，安装包大小80M左右。 一些事

然后使用andriod模拟器—android-sdk-windows，打开SDK/tools目录下的“draw9patch.bat”文件，出现载入窗口：

2.导入并编辑

将png图片拖拽到该窗口中

如下图，自动进入编辑界面。图中介绍了每个区域的内容及功能注释。

预览右侧的视图发现，图片的边缘处于普通拉伸状态。

现在我们在图片边缘点击左键，绘制出黑线，即图片需要被拉伸的部分。如下图，对4条黑线做了注释。

如果失误多绘的部分，可按住shift键的同时点击鼠标左键擦除)。

如图所见，三种拉伸结果均已完美显示，已实现我们想要的拉伸效果，假设这是一个有显示文字的窗体，那么文字显示的区域，程序也会控制在黑线对应范围。 互联网的一些事

以下这些图片，包括异性(非规则图形)图片，也可以通过点九PNG实现横纵向的自然拉伸。 互联网的一些事

【draw9patch.bat其他功能说明】

② Show lock：显示不可绘区域

② Show patches：预览这个绘图区中的可延伸宫格(粉红色代表一个可延伸区域)

③ Show patches：预览视图中的高亮区域(紫色区域) 一些事

④ Show bad patches：在宫格区域四周增加一个红色边界，这可能会在图像被延伸时产生人工痕迹。如果你消除所有的坏宫格，延伸视图的视觉一致性将得到维护。

3.保存和输出 互联网的一些事

点击左上file- save，保存文件，自动生成一张后缀名为“*.9.png”格式的图片，图片上下左右各增加了1px的黑线。

方法2：直接使用 PS等平面工具绘制，流程图如下 yixieshi

如流程图所示，相对与方法1，只需2个步骤就可得到.9.png图片，具体步骤为：

1. 确定切图后直接改变图片的画布大小，

2. 手动将上下左右各增加1px

3. 使用铅笔工具，手动绘制拉伸区域，色值必须为黑色(#000000)。 一些事

4. 存储为web所用格式，选择png-24，储存时手动将后缀名改为.9.png

不过这种方法的缺点是不能实时预览，判断并测试拉伸区域的准确性。
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后送福利了，现在关注我可以获取包含源码解析，自定义View，动画实现，架构分享等。
内容难度适中，篇幅精炼，每天只需花上十几分钟阅读即可。
大家可以跟我一起探讨，有flutter—底层开发—性能优化—移动架构—资深UI工程师 —NDK相关专业人员和视频教学资料，还有更多面试题等你来拿

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

有更多面试题等你来拿**

[外链图片转存中…(img-R0ySArzP-1713099898104)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！