Android 9 patch 图片

Android 9 patch 图片

         问题：在给ImageView设置图片资源，或者是设置View图片背景时，图片的大小要根据View自动调整。这是就会遇到图片会自动等比例拉伸，和失真模糊问题。比如View的为100*20，图片的大小也为100*20，假如View的变为80*20，图片会自动变为80*16。这是图片就不能充满整个View。

 

一、 .9.png 格式的文件的特点

   与传统的png 格式图片相比， 9.png格式图片在图片四周有一圈一个像素点组成的边沿，该边沿用于对图片的可扩展区和内容显示区进行定义。

   这种格式的图片在android环境下具有自适应调节大小的能力。

   （1）允许开发人员定义可扩展区域，当需要延伸图片以填充比图片本身更大区域时，可扩展区的内容被延展。

   （2）允许开发人员定义内容显示区，用于显示文字或其他内容

    如下图所示：

    左侧和上方的黑线交叉的部分即可扩展区域

右侧和下方的黑线交叉的部分即内容显示区

二、

1、在SDK安装目录C:\android\android-sdk-windows\tools下找到draw9patch.bat，执行draw9patch.bat，会出现如图：

2.将需要的图片拖入。（中间黑红条纹部分表示不能编辑，边缘白色透明框就是上述介绍的增加的1像素边框）。

3、将鼠标放在白色边框，点住左键不放拖动，会出现黑色线条如图：

说明：

1号黑色条位置向下覆盖的区域表示图片横向拉伸时，只拉伸该区域

2号黑色条位置向右覆盖的区域表示图片纵向拉伸时，只拉伸该区域  

3号黑色条位置向左覆盖的区域表示图片横向显示内容的区域

4号黑色条位置向上覆盖的区域表示图片纵向显示内容的区域

没有黑色条的位置覆盖的区域是图片拉伸时保持不变（比如，如果图片的四角为弧形的时候，当图片被任意拉伸时，四角的弧形都不会发生改变）

5、右边3个黑色图形区域为显示当前拉伸效果

6、选择好区域后，点击左上file-》save 9-path，保存图片，后缀名为xxx.9.png。