android 9Path图片的使用

Android UI设计时,经常会使用图片作为背景,比如给按钮设置背景图片时,图片会默认缩放来适应整个按钮。但是有时这种缩放效果并不是我们所需求的。而我们只是希望缩放图片的特定位置,以此来保证按钮的视觉效果。此时,官方提供的9-Path图片处理工具就派上用场了。

首先,9-Patn工具默认位于Android SDK  的tools文件夹中,双击“draw9patch”,选择Run即可。

运行如下图所示 :

android 9Path图片的使用_第1张图片

选择File - Open 9-Path... 选择需要处理的图片。

android 9Path图片的使用_第2张图片

其中,左侧的图像区域即为操作区;右侧三个图像的区域为预览区,从上到下分别位纵向拉伸后、横向拉伸后、整体拉伸后的预览;

Zoom:调整视图大小,便于操作;Path scale:模拟拉伸操作;

选项处,show lock:锁定图像操作区;show content :在预览图上显示内容显示区域(9 path处理后的图片分为缩放区域和内容显示区域,后面会有讲解);

show patches:在操作区显示图片拉伸的区域;

android 9Path图片的使用_第3张图片

如图所示,操作区有四条线,决定了改图片的额缩放规则、内容显示规则。

左侧和上侧:确定图片的缩放区域;

右侧和下侧:确定图片的显示区域;

如图,粉红色区域即为调整后图片的缩放区域(由左侧、上策的两条黑线确定);同理,右侧、下侧的黑线确定里内容显示区域。

经过这样处理后,保存(默认后罪名为 .9.png),就可以在项目中使用了。

测试结果:

1、处理前效果图:

2、处理后效果图:




 

你可能感兴趣的:(android)