[Android]使用draw9patch制作可拉伸图片
2015-07-21 09:52
337 查看
在项目开发时,为了使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标志,记得不能去掉,否则,将无法正常拉伸。
这么小的图片:
制作成这么大的,但是又不能变形:
好了,不废话了,下面开始讲步骤:
(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标志,记得不能去掉,否则,将无法正常拉伸。
相关文章推荐
- 使用C++实现JNI接口需要注意的事项
- Android IPC进程间通讯机制
- Android Manifest 用法
- [转载]Activity中ConfigChanges属性的用法
- Android之获取手机上的图片和视频缩略图thumbnails
- Android之使用Http协议实现文件上传功能
- Android学习笔记(二九):嵌入浏览器
- android string.xml文件中的整型和string型代替
- i-jetty环境搭配与编译
- android之定时器AlarmManager
- android wifi 无线调试
- Android Native 绘图方法
- Android java 与 javascript互访(相互调用)的方法例子
- android 代码实现控件之间的间距
- android FragmentPagerAdapter的“标准”配置
- Android"解决"onTouch和onClick的冲突问题
- android:installLocation简析
- android searchView的关闭事件
- SourceProvider.getJniDirectories