Android UI设计时,经常会使用图片作为背景,比如给按钮设置背景图片时,图片会默认缩放来适应整个按钮。但是有时这种缩放效果并不是我们所需求的。而我们只是希望缩放图片的特定位置,以此来保证按钮的视觉效果。此时,官方提供的9-Path图片处理工具就派上用场了。
首先,9-Patn工具默认位于Android SDK 的tools文件夹中,双击“draw9patch”,选择Run即可。
运行如下图所示 :
选择File - Open 9-Path... 选择需要处理的图片。
其中,左侧的图像区域即为操作区;右侧三个图像的区域为预览区,从上到下分别位纵向拉伸后、横向拉伸后、整体拉伸后的预览;
Zoom:调整视图大小,便于操作;Path scale:模拟拉伸操作;
选项处,show lock:锁定图像操作区;show content :在预览图上显示内容显示区域(9 path处理后的图片分为缩放区域和内容显示区域,后面会有讲解);
show patches:在操作区显示图片拉伸的区域;
如图所示,操作区有四条线,决定了改图片的额缩放规则、内容显示规则。
左侧和上侧:确定图片的缩放区域;
右侧和下侧:确定图片的显示区域;
如图,粉红色区域即为调整后图片的缩放区域(由左侧、上策的两条黑线确定);同理,右侧、下侧的黑线确定里内容显示区域。
经过这样处理后,保存(默认后罪名为 .9.png),就可以在项目中使用了。
测试结果:
1、处理前效果图:
2、处理后效果图: