[9.PNG图片处理方法.doc

大家好，这教程本来打算上次发M9的皮肤的时候就发的。后来在反编译的时候出了问题，不得不搁浅了。胎死腹中啊。这次重新找了一个工具，终于解决了9.png的图片的问题。 说说本人的近况： 手机终于拿回来了。苍天啊……内牛满面当中。 最近新学到了许多东西，美化又有了新进展…… 介绍一下这次教程的情况： 以前的那几集教程只能算是基本的替换图片吧，懂点IT知识的人应该都会。这次就比较繁琐了，涉及到了编译，反编译，SDK的安装，9.png的修改。挺麻烦的。主要是工作量大，替换图片的话只要复制加粘贴就OK了，但是要涉及到分辨率的修改可不是那么简单了。想详细了解如何定制UI的话就接着往下看吧！ 这次更新的教程比较繁琐，有以下几点要求： 1.要会反编译。【反编译用的工具是apktool，大家可以论坛搜索一下，到处都是教程的】 2.电脑上得装有android SDK。【其实只要SDK目录下tools中的draw9patch工具，处理nine-patch图片的时候必须的。不想装SDK的同学百度一下draw9patch应该有的下载的。】 3.还需要足够的耐心。【机械般的重复动作比较多】 如果以上三个要求不具备的话，我想这教程应该就可以不用学了，当知识了解一下就好了。这次更新的教程适合有一点基础的童鞋（就是能熟练替换普通情况下的图片的水准的童鞋，如果连普通的替换都不会，建议先看我的教程的前三集）。这次写的是修改不同分辨率图片替换的教程。 大家可以先把framework-res.apk反编译过来，然后定位到res\drawable-mdpi这个文件夹看看。打开之后你是不是发现里面的图片和以往图片有所不同呢？ 没错，反编译之后的图片也和xml一样现出原形了，一些需要拉伸的图片四周都多了一个像素的边框，带了一条黑线。这就是android UI 独特的图片格式*.9.png。它独特在哪呢？就是因为他有拉伸的特性。 比如普通的一个短信输入框，你发现他横屏和竖屏的情况下分辨率绝对是不同的，但是我可以很负责任的告诉你，两个框的图片却是同一张。但它却没有出现拉伸错误的现象，这就是*.9.png的威力了。 具体理解可以看看下面 图一为nine-patch图片拉伸的原理图，原始的nine-patch图片是在四个方向都有黑条的，黑条的宽度为一个像素，颜色为纯黑（RGB=000000）。编译后，黑条自动消失。上方和左方的黑条分别是横向和纵向的拉伸区域（用灰色强调了），如要横向拉升图片，将只会拉伸灰色区域。反之，如果只是普通图片，拉伸将会出现严重的失真（如图二）。 而下方和右方则分别表示内容的显示区域（也可以没有这两个内容区域横条，不影响一般使用效果）。 图一 图二 下图就是android的SDK里面的nine-patch处理工具示意。 看了图片相信你就明白了，为什么自己用普通图形处理软件处理的图片放到手机上面的时候会拉伸不正常，导致修改失败。那是因为你没有经过特殊处理，直接用*.png格式的图片，当然会拉伸不正常。 好了，情况描述完毕了，我们进入教程。 如何将普通的*.png格式图片改成*.9.png格式？ 步骤一： 提取样本和素材 先将一个有着官方UI的framework-res.apk反编译，得到反编译的文件。 将res/drawable-mdpi提取出来。将这个文件夹改成【样本】当然你也可以改成自己的，我选择改成样本是因为自己看着方便，下面的文件夹也一样，随便改，自己看着方便就行。 接着将你要处理的有定制UI的framework-res.apk也反编译，同样，将res/drawable-mdpi（不一定是这个文件夹，也有可能是其他文件夹，都在隔壁，打开看看就知道了）复制出来，将这个文件夹改成【素材】。 这个我建议，大家把普通的png图片和9.png图片分开放。这样方便修改些。这是我连续处理了将近4000个图标出来的经验……全是自己手动一个个修改【含泪当中】 我就是将这些文件分别放入了【png素材】【9.png素材】【png样本】【9.png样本】这些文件再你处理好了之后就无用了。咱们只要成品。 文件准备好，打开图像处理软件。 这里我推荐使用【Paint.NET】。为什么？因为PS有些图片处理不了。看看下面的图大家就知道了。 相同图片打开之后却是两个结果，要问我是什么原因，我也不知道，我也给这个问题困扰过好久，后来还是在黑人的推荐下用了Paint.NET，才解决了这个问题。 好了，咱们接着讲…… 这里我以一个下拉的nine-patch格式的图标为例，给大家讲解。普通的png就不详细讲了。这都不会就不要往下看了哈。 首先打开要处理的图片。 打开之后需