.9.png图片说明及制作
一、 .png与.9.png格式的异同 PNG(Portable Network Graphics,便携式网络图片;另有非官方说法PNG'sNOT GIF)是一种图像文件存储格式。由于生成文件体积小、无损压缩等优点,一般应用于JAVA程序、网页中。.9.PNG是安卓开发里面的一种特殊的图片,这种图片在Android环境下具有自适应调节大小的能力。使用点九后,可以明显的看出,点
一、 .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:在宫格区域四周增加一个红色边界,这可能会在图像被延伸时产生人工痕迹。如果你消除所有的坏宫格,
延伸视图的视觉一致性将得到维护。
更多推荐
所有评论(0)