.9图片的制作(draw9patch.bat工具的使用)
2012-11-21 14:02
295 查看
与传统的png 格式图片相比, 9.png 格式图片在图片四周有一圈一个像素点组成的边沿,该边沿用于对图片的可扩展区和内容显示区进行定义。
这种格式的图片在android 环境下具有自适应调节大小的能力。
例如,我们经常看到的android系统的按钮,还有各种短信应用中使用的对话背景图片的效果,就是使用的.9图片。
下面,就介绍一下如何使用android自带的工具,制作.9图片。
1 运行android SDK中tools路径下的draw9patch.bat文件。运行界面如下:
2 选择一张图片(.png格式)添加进来。你会发现本来边缘没有透明区域的图片,四周多出了一像素的空隙,这四个空隙是给.9图片划线用的
。
3 所谓给.9图片划线,指的是通过划线,决定图片的可拉伸区域和显示文本信息的区域。
其中,上方和左方的线是控制图片的可拉伸区域的,也就是说,上方的线控制图片横向可拉伸,左侧的线控制纵向可拉伸。下方的线和右侧的线控制图片的文本区域,也就是说,如果图片上有text,就会把位置控制在下方和右侧的线围城的区域里。
4 直接通过鼠标在边缘一像素区域的拖动划线。如果想删除划线,按住shift + 鼠标左键,删除划
线。
5 右侧会有三个图片展示,第一张为左侧线产生的纵向可拉伸效果图,第二张为上方线产生的横向可拉伸效果图,第三张为横纵向同时拉伸的效果图,完成划线之后点击保存。
至此,.9图片制作完成。至于使用.9图片的效果,需要在实践中验证,不再赘述。同时,要注意工具下方功能选项和拖动条的使用。
这种格式的图片在android 环境下具有自适应调节大小的能力。
例如,我们经常看到的android系统的按钮,还有各种短信应用中使用的对话背景图片的效果,就是使用的.9图片。
下面,就介绍一下如何使用android自带的工具,制作.9图片。
1 运行android SDK中tools路径下的draw9patch.bat文件。运行界面如下:
2 选择一张图片(.png格式)添加进来。你会发现本来边缘没有透明区域的图片,四周多出了一像素的空隙,这四个空隙是给.9图片划线用的
。
3 所谓给.9图片划线,指的是通过划线,决定图片的可拉伸区域和显示文本信息的区域。
其中,上方和左方的线是控制图片的可拉伸区域的,也就是说,上方的线控制图片横向可拉伸,左侧的线控制纵向可拉伸。下方的线和右侧的线控制图片的文本区域,也就是说,如果图片上有text,就会把位置控制在下方和右侧的线围城的区域里。
4 直接通过鼠标在边缘一像素区域的拖动划线。如果想删除划线,按住shift + 鼠标左键,删除划
线。
5 右侧会有三个图片展示,第一张为左侧线产生的纵向可拉伸效果图,第二张为上方线产生的横向可拉伸效果图,第三张为横纵向同时拉伸的效果图,完成划线之后点击保存。
至此,.9图片制作完成。至于使用.9图片的效果,需要在实践中验证,不再赘述。同时,要注意工具下方功能选项和拖动条的使用。
相关文章推荐
- .9图片的制作(draw9patch.bat工具的使用)
- .9图片的制作(draw9patch.bat工具的使用)
- 使用Android SDK自带工具draw9patch制作简单的.9.png图片
- 使用HTML5新API制作图片转Base64编码工具
- 数码图片无损放大工具使用技巧
- 图片标注工具 LabelImg 使用教程
- 如何使用ps制作png图片
- Ubuntu下几个命令行方式使用的图片浏览工具
- 制作好的交叉编译工具链下载及使用
- .9图片的制作
- 一个截屏工具制作的全过程记录——如何使用“拿来主义”
- 图片压缩工具Thumbnailator的使用
- 4.15 使用皱褶工具制作陡峭的山峰 [Illustrator CC教程]
- 使用buildroot制作交叉编译工具
- 使用Android Studio制作NinePatch图片(9.png)
- .9图的制作(也叫9妹图,因为图片格式是以.9结尾的)
- OGEngine教程: 图片资源加载及工具使用
- 使用Inno Setup工具制作执行文件包
- 从图片加载纹理-使用glut工具
- cocos2d-x 使用位图工具制作 fnt字体