NinePatch

标记了图像可以拉伸的部分

NinePatch是一種「可延展」的PNG圖檔。NinePatch圖檔的用途是製作「可隨文字大小縮放」的圖片.

 *.9.PNG就标准的PNG格式,只是在最外面一圈额外增加1px的边框,这个1px的边框就是用来定义图片中可扩展的和静态不变的区域。特别说明,left(左)和top(上)边框中交叉部分是可拉伸部分,未选中部分是静态区域部分。right和bottom(下和右)边框中交叉部分则是内容部分。


左边那条黑色线代表图片垂直拉伸的区域,上边的那条黑色线代表水平拉伸区域,右边的黑色线代表内容绘制的垂直区域,下边的黑色线代表内容绘制的水平区域,右边和下边的线是可选的,左边和上边的线不能省略。


看图:

原图

 

处理后:

目标是放大镜大小 位置保持不变【左、上】;输入框可以随着文字大小的变化而变化【右、下】。

NinePatch_第1张图片



放大镜大小 位置保持不变【左、上】

左 边的黑色线代表 在这个区域内垂直方向上图片可以伸缩

上 边的黑色线代表 在这个区域内水平方向上图片可以伸缩

NinePatch_第2张图片


输入框可以随着文字大小的变化而变化【右、下】。

右 边的黑色线代表 这个区域垂直方向上会随着内容变化伸缩

下 边的黑色线代表 这个区域水平方向上会随着内容变化伸缩

NinePatch_第3张图片


完成后的图片: http://download.csdn.net/detail/null1989/6481755


你可能感兴趣的:(NinePatch)