Android制作Nine-Patch图片

Nine-Patch图片是一种经过特殊处理的png图片,能够指定图片的哪些区域可以被拉伸而哪些区域不可以。

(一)普通图片被拉伸时的缺陷

有如下xml文件,其中子LinearLayout的背景图片设置成一个名为chat的png图片:



     
     
 

显示效果:

Android制作Nine-Patch图片_第1张图片
Image1.png

原图:
Image2.png

图片严重变形,因为chat.png的宽度不足以填满整个屏幕的宽度,整张图片被均匀拉伸了。于是我们就要把它处理成Nine-Patch图片。

(二)Nine-Patch图片的制作方法

1、在Android SDK的tools文件夹下,有一个draw9patch.bat的文件,就用它来制作Nine-Patch图片。

2、打开这个软件后,点击File—>Open 9-patch将chat.png加载进来,如下:

Android制作Nine-Patch图片_第2张图片
Image3.png

3、可以在图片的四个边框绘制一个个小黑点,上边框和左边框的部分表示当图片需要拉伸时就拉伸黑点标记的区域,下边框和右边框绘制的部分则表示内容会被放置的区域,如下图

Android制作Nine-Patch图片_第3张图片
Image4.png

4、修改好后点击File—>Save 9-patch,把绘制好的图片保存成chat.9.png,然后把chat.9.png再复制到工程的drawable目录下,并删除原来的chat.png,这时再看效果就没有拉伸变形丑陋的情况了(注意:此时xml中仍然写成:android:background="@drawable/chat"而不是:android:background="@drawable/chat.9")

Android制作Nine-Patch图片_第4张图片
Image5.png

5、注意:制作Nine-Patch图片时每条边的黑线必须是连续的,不能断开,否则图片会失效。

你可能感兴趣的:(Android制作Nine-Patch图片)