一、 .png与.9.png格式的异同

       PNG(Portable Network Graphics,便携式网络图片;另有非官方说法PNG's NOT GIF)是一种图像文件存储格式。

由于生成文件体积小、无损压缩等优点,一般应用于JAVA程序、网页中。.9.PNG是安卓开发里面的一种特殊的图片,

这种图片在Android环境下具有自适应调节大小的能力。使用点九后,可以明显的看出,点九拉伸后保留了原图的渐变质感,

圆角的精细度。效果图如下:


.9.png格式:

(1)允许开发人员定义可扩展区域,当需要延伸图片以填充比图片本身更大区域时,可扩展区域被延伸;

(2)允许开发人员定义内容显示区,用于显示文字或其他内容。

如下图所示,左侧和上方边框交叉的部分即为可扩展区域,未选中部分为静态区域;右侧和下方边框交叉的部分即为

内容显示区域(如做button背景图时,button上文字的显示区域)



二、.9.PNG图片制作

第一步:打开谷歌提供的Draw9Patch(运行android-sdk-windows\tools目录下的

Draw9Patch.bat)来制作.9.PNG图片。

第二步:导入图片(将图片直接拖入Draw9Patch即可


第三步:自己定义拉伸区域。

在图片边缘点击左键,绘制出黑线以控制可拉伸区域。如下图所示:


如果失误多绘的部分,可按住shift键的同时点击鼠标左键擦除。

第四步:导出图片

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

备注:

Show lock:显示不可绘区域

Show patches:预览这个绘图区中的可延伸宫格(粉红色代表一个可延伸区域)

Show patches:预览视图中的高亮区域(紫色区域) 一些事

Show bad patches:在宫格区域四周增加一个红色边界,这可能会在图像被延伸时产生人工痕迹。如果你消除所有的坏宫格,

延伸视图的视觉一致性将得到维护。





Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐