android9png制作

① Android的.9图制作

先来认识一下界面，并可以看到不管是横纵向拉升都使得图片失真

下面四个小选项分别是

从上图我们可以看到，不对图片进行任何修改，图片在某一方向拉伸时都是整体缩放的. 缩放同时,图片圆角也会跟埋圆着缩放,导致最终展示效果很差.

在编辑区可以看到要编辑的图片四周多了一像素的内容，这就是我们可以操作的区域了。
绘制小黑点 ：只需要在四边需要的位置左键单击绘制小黑点，或者拖动绘制小黑线（其实是连续的多个小黑点）
删除小黑点 ：按shift键，并左键单击或拖动进行删除操作，也可以按住鼠标右键进行擦除。

小黑点在png图最外层有一像素宽的边，除了四个顶角，小黑点可以绘制在png最外边的任一点处，
每个小黑点占据一像素
小黑点绘制之后。其规定一个区域，即小黑点处，垂直于所在边，且一像备液清素宽的区域

顶部：在水平拉伸的时候，保持其他位置不动，只在这个点代表区域做无限的延伸
左边：在竖直拉伸的时候，保持其他位置不动，只在这个点代表区域做无限的延伸
底部：在水平拉伸的时候，指定图片里的内容显示的区域
右边：在竖直拉伸的时候，指定图片里的内容显示的区域

从上图可以看出拉伸后我们希望的箭头区域没有失真，并且而且箭头距离右边距与上边距的距离没有变因此，保证了想要部分不失真

首先没有本质上的区别，下面通过一个例子来理解
假如有一个5px 5px大小的图片，横向上需要拉伸至20px
那么就是要横向拉升H=15px
假如横向上画了一个小黑点--则每个小黑点所代表区域拉伸h=15px h=H/1
假如横向上画了三个小黑点--则每个小黑点所代表区域拉伸h=5px h=H/3
因此 每条边上的每个小黑点所代表区域拉伸的宽度是一样的 *
所以要合理的布置我们的小喝仿前点以至png图能够达到我们想要的方向伸缩

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

9patch图片是andriod app开发里一种特殊的图片形式，文件的扩展名为：.9.png
“点九”也是由于Android平台多种分辨率需适配的需求下，发展出来的一种独特的技术。它可以将图片横向和纵向随意进行拉伸，而保留像素精细度、渐变质感和圆角的原大小，实现多分辨率下的完美显示效果，同时减少不必要的图片资源，可谓切图利器。
.9.PNG确实是标准的PNG格式，只是在最外面一圈额外增加1px的边框，这个1px的边框就是用来定义图片中可扩展的和静态不变的区域。特别说明，left和top边框中交叉部分是可拉伸部分，未选中部分是静态区域部分。right和bottom边框中交叉部分则是内容部分
无论是left和top，还是right和bottom都是把图片分成9块 (边角四块是不能缩放的，其他的四块则是允许缩放的)，所以叫做9.PNG。
.9.png图片，android系统程序有对其优化的算法。
参考
http://www.jianshu.com/p/3fd048644e3f
http://bbs.itheima.com/thread-251222-1-1.html
http://www.yimui.com/archives/117

② android中.9png怎么用

9png图片一般用在需要拉伸的地方，比如聊天程序的对话框，字数不同，对话框的大小也不同。

之所以叫9是因为图片被分割为9个部分。
要在四周画至少四条线（点），他们功能不一样。
右边和下边：决定了中间content区域的大小，比如对话框中的文字区域的大小。

（注意黑色的线条，决定了content区域大小）

draw9patch操作
使用SDK自带的draw9patch的时候，可以查看content area （Show content 打勾）和拉伸效果(Show patch打勾)。

③ 什么是9png图片 原理是什么,9png工具又如何使用

9png图片它是Android系统特有的一种图片格式，文件扩展名为.9.PNG。

9png的原理：其实相当于把一张png图分成了9个部分(九宫格)，分别为4个角，4条边，以及一个中间区域，4个角是不做拉升的，所以还能一直保持圆角的清晰状态，而2条水平边和垂直边分别只做水平和垂直拉伸，所以不会出现边缘。

如何操作：鼠标左键选取需要拉伸的像素点；shift+鼠标左键取消当前像素点。

从图中可以看出，导入的png图片默认周围多了一像素点，也就是这一圈一像素点就是可操作区域。因为下方和右方可操作区域是指定内容的显示区域，属于可选区域，可不予理会；但是要注意内容区域的标记不能有间断，否则.9.png图片在放入项目下会报错。

注意上方和左边的黑色像素，是想让此png图像拉伸操作的时候，只是中间区域被拉伸。选择上方中间区域是为了横向拉伸的时候选取的拉伸像素点，左边则是纵向拉伸像素点。

在Android的设计过程中，为了适配不同的手机分辨率，图片大多需要拉伸或者压缩，这样就出现了可以任意调整大小的一种图片格式“.9.png”。

这种图片是用于Android开发的一种特殊的图片格式，它的好处在于可以用简单的方式把一张图片中哪些区域可以拉伸，哪些区域不可以拉伸设定好，同时可以把显示内容区域的位置标示清楚。

④ Android-.9图详解

Android设备适配，图片方面很重要的一部分就是.9图的使用了，我们今天就来记录一下。

.9.png图片本质上还是png图片，区别是.9.png图比正常的png图片在最外围多了1px的边框，这就允许我们在这个1px的边框上定义图片的可拉伸区域以及图片的内容区域。这也就是说.9.png的制作实际上就是我们在这1px的边框上按我们的需求,把对应位置设置为黑线，然后系统帮我们自动拉伸了。

正常图片都有四个边,.9图的左上(左边和上边两条边)表示可以拉伸区域,其中上面黑线(或者点)表示横向可拉伸的区域;左边黑线(或者点)表示纵向可拉伸的区域.在图片拉伸时只有黑线区域内的图像会被拉伸，黑线两边的图像保持原状。

右下(右边和下边两条边)表示间隔区域,其中下边表示横向填放内容的区域;右边表示纵向填放内容的区域，在图片拉伸时，控件内部的文字上下左右边界只能放在黑线区域（有点类似垂直居中显示）。

如果你还用eclipse开发，在你sdk中的tools文件夹找Draw9patch.bat文件,这是一个Windows 批处理文件,双击进入界面，拖入图片开始制作.
如果是studio直接以.9.png为后缀,双击编辑进入图片界面,选择左下角的9-patch即可开始制，或者图片右击在列表选则Create 9-Patch file即可。

我们就以一个TextView为例，给其设置一个图片背景，效果如下：
直接设置为背景：

.9图各边框含义

完毕！

⑤ .9.png图片的含义及制作过程

开发中难免的会碰到背景图片部分区域拉伸的需求，那么.9.png图片可以说是完美解决问题了。
首先看下什么是.9.png图片:
网络：.9.PNG是安卓开发里面的一种特殊的图片，这种格式的图片通过ADT自带的编辑工具生成，使用九宫格切分的方法，使图片支持在android 环境下的自适应展示。
在eclipse版本中制作.9图片是通过sdk中自带的工具进行，在这里就不阐述了，下面讲述在as中.9.png的制作过程，首先我们只需要一个普通的图片然后放到mipmap/drawable目录下，再点击右键选择该选项陪洞。

这样的话，.9图片的初步就制作完成，接下来。

我们可以看到总共有四个边，分别含义是：
顶部：在水平拉伸的时候，保持其他位置不动，只在这个点的区域做无限的延伸（拷贝）
左边：在竖直拉伸的时候，保持其他位置不动，只在这个点的区域做无限的延伸（拷贝）
底橡乱空部：在水平拉伸梁瞎的时候，指定图片里的内容显示的区域
右边：在竖直拉伸的时候，指定图片里的内容显示的区域
如图所示，左边和顶部就是我需要这张.9图片需要拉伸的地方了，而右边和底部就是我需要这个图片的内容所在的区域。

那么，谢谢大家观看！

⑥ Android设计中的.9.png图片

在Android的UI设计开发中，很多控件需要适配不同的手机分辨率进行拉伸或者压缩，这样就出现了可以任意调整大小的一种图片格式“.9.png”。这种图片是用于Android开发的一种特殊的图片格式，它可以指定特定的区域进行拉伸而不失真，同时可以指定前景内容的显示区域。即.9.png图片的用处可以概括为以下两点：

通过上面的对比，我们可以发现，.9.png图片周围会有一条黑色的线条，这些黑色线条有什么作用呢？就是用于指定我们背景的拉伸区域或者前景内容的显示区域。

通过上面的的介绍，我们知道.9.png的四条边上的黑线有哪些用途，那么我们将介绍下关于拉伸区域的界定。

这么强大的一种图片，在我们android开发中的适配环节，灶基起了很大的作用。那么怎么制作这种.9.png图片呢？在Android的工具中给我们提供了draw9patch.bat工具来制作.9文件。该工具目录在 android-sdk-windows oolsdraw9patch.bat 。
我们直接打开draw9path.bat二进制程序，将我们需要制作的图片导入进去。然后按住鼠标左键进行划黑边，如果画错了，通过Shift+鼠标左键进行拖动取消。

首先，我们通过简单的布局文件看看普通图片的展示效果。

在上面的效果图没有进行自适应，两边的边框已经被文字嵌入进去，所以我们要对图片作如下修改：

在我们的处理中，通过对图片添加纵横向的拉伸，来保持背景的自适应。这里需要我们注意指定的拉伸区域，需要我们仔细体会。

在上面我们对横向拉伸区域有了一定认识。下面看看内容拉伸区域：

在上面的.9图中，我们将整个右边线作为内容纵向显示的区域，看看效果图：

我们可以看到，内容的显示是紧紧填满上下之间。没有间隙。

在来看看效果图：

通过上面对比，我们可以发现右侧变现控制着局带内容视图的显示区域的规律。

同样底部也是一隐腊谨样，在开发的过程中，合理的使用.9.png文件可以很好的优化我们的资源文件，减小apk的包大小。也能进行很好的适配效果。

⑦ 如何用手机制作png图片

我们都知道手机可以对图片做一些简单的处理，但是比较复杂一点的就需要专业的图片处理软件来进行处理了，手机拍出来的图片一般都是JPG格式的，要转换成PNG格式塌闷，那么，手机要怎么完成制作png图片呢？
首先，打开手机，找到文件管理并点击进入手机存储，选择相机文件夹进入，滑动手机屏幕找到需要更改为PNG格式的图片，选中图片后按住不动；
然后会弹出新的页面，有“复制”、“剪切铅凳”、“删除”、“更多”四个选项，选择“更多”选项，可以对图片进行分享、压缩、重命名、更改后缀名；
选择更改后缀名，即可对图片的格式进行修改，将JPG改为PNG，再点击确定；
我们就可以看到图片已经是PNG格式了。
当看到需要制作png图片时，可能很多人第一时间想团激弯到的就是利用各种图片处理软件来进行处理，却不知道其实手机上就有可以处理的方法，简单又方便。

⑧ Android Studio制作 .9.png

注意：一般会把图片的宽高减去2个像素（例如 750x1334 的 png图的大小设置为748x1332）
因为生成.9.png的时候会加上2个像素

直接生成.9.png图片

保存之后能看到.9.png图片了

可以看到 右边预览的区域发生了变形
一般启动图都是中间部分保留 四边拉伸

四个边操作之后的结果是这样的

这就是四个边的拉伸区域 中间部分不会被拉伸 （可以看右边的预览效果图）