[Android]使用draw9patch制作可拉伸图片
2016-12-22 10:06
169 查看
转 http://blog.csdn.net/u011596810/article/details/46981403
在项目开发时,为了使app的大小变成尽量的小,因此,美工在切图的时候,一般都会将可以拉伸的图片都制作成很小,因此,我们Android端开发人员要学会使用draw9patch制作可拉伸图片。例如:
这么小的图片:
制作成这么大的,但是又不能变形:
好了,不废话了,下面开始讲步骤:
(1)所需工具:draw9patch(路径:G:\eclipse\adt-bundle-windows-x86_64-20140702\sdk\tools)重点是变红的字体,也就是sdk下的tools/draw9patch.bat这个文件。
(2)双击打开后,File-->Open 9-patch...-->选取所要拉伸的图片-->确定,便会出现下图:
解析:a:所要放缩的图片
b:分别是图片垂直、水平、垂直和水平方向一起拉伸的样子
c:显示a的比例放大缩小
d:显示b的拉伸程度
(3)我们需要使用的a部分,只需要在想要拉伸的部分按住,移动鼠标即可,例如:
由此可以看到b部分的效果图,没有被拉伸变形的样子,便是成功了。但是要注意一点的是,像这个图,水平位置有两个地方可以拉伸,因此,最好可拉伸的部分要相同大小,不然有可能造成下图效果:
虽然没有变形,但是假如水平方向拉伸过大,左边部分会明显大于右边。
(4)保存图片,即:File-->Save 9-patch...-->确定
注意事项:
使用draw9patch拉伸后保存的图片有着.9标志,记得不能去掉,否则,将无法正常拉伸。
在项目开发时,为了使app的大小变成尽量的小,因此,美工在切图的时候,一般都会将可以拉伸的图片都制作成很小,因此,我们Android端开发人员要学会使用draw9patch制作可拉伸图片。例如:
这么小的图片:
制作成这么大的,但是又不能变形:
好了,不废话了,下面开始讲步骤:
(1)所需工具:draw9patch(路径:G:\eclipse\adt-bundle-windows-x86_64-20140702\sdk\tools)重点是变红的字体,也就是sdk下的tools/draw9patch.bat这个文件。
(2)双击打开后,File-->Open 9-patch...-->选取所要拉伸的图片-->确定,便会出现下图:
解析:a:所要放缩的图片
b:分别是图片垂直、水平、垂直和水平方向一起拉伸的样子
c:显示a的比例放大缩小
d:显示b的拉伸程度
(3)我们需要使用的a部分,只需要在想要拉伸的部分按住,移动鼠标即可,例如:
由此可以看到b部分的效果图,没有被拉伸变形的样子,便是成功了。但是要注意一点的是,像这个图,水平位置有两个地方可以拉伸,因此,最好可拉伸的部分要相同大小,不然有可能造成下图效果:
虽然没有变形,但是假如水平方向拉伸过大,左边部分会明显大于右边。
(4)保存图片,即:File-->Save 9-patch...-->确定
注意事项:
使用draw9patch拉伸后保存的图片有着.9标志,记得不能去掉,否则,将无法正常拉伸。
相关文章推荐
- [Android]使用draw9patch制作可拉伸图片
- Android draw9patch 图片制作与使用
- Android draw9patch 图片制作与使用详解
- Android实用笔记——使用Gallery和ImageSwitcher制作图片浏览器
- 一张图让你搞懂Android .9.png图片及其制作与使用
- 如何手动制作透明的图片相框 可以供android使用
- 制作html网页时如何使用CSS使背景图片拉伸(填充)
- Android中使用BitmapShader类来制作各种图片的圆角
- Android .9.png图片的制作与使用
- Android .9.png图片的制作与使用
- Android美工坊--.9.png格式图片的制作与使用--1
- Android使用Bitmap、Canvas制作图片
- 【完美解决系列】解决在Android中使用background时导致图片被拉伸的问题
- Android使用gallery和imageSwitch制作可左右循环滑动的图片浏览器
- 【转载】【完美解决系列】解决在Android中使用background时导致图片被拉伸的问题
- (转)Android .9.png图片的制作与使用
- Android .9.png图片的制作与使用
- Android .9.png图片的制作与使用
- Android制作和使用Nine-Patch图片
- Android .9.png图片的制作与使用