android 9Path图片的使用

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

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

运行以下图所示 :spa


选择File - Open 9-Path... 选择须要处理的图片。设计


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

Zoom:调整视图大小,便于操做;Path scale:模拟拉伸操做;图片处理

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

show patches:在操做区显示图片拉伸的区域;项目


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

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

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

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

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

测试结果:

一、处理前效果图:

二、处理后效果图:

相关文章
相关标签/搜索