Android点9图使用

682 阅读1分钟

image.png

项目上经常会用到需要拉伸的图片,第一时间就想到了点9图,但是可能对于点9图的某些属性还不是非常清楚,下面详细介绍下关于点9图的使用和一些注意事项

点9图,官方的正式名称为9-patch,是一种可拉伸的位图图像格式,因其必须以.9.png为扩展名进行保存而得名,通常被用作各类视图控件的背景

简而言之 点9图的宽高会随着我们输入文本的长短而自适应拉伸,但本身并不会因拉伸而失真!!! 类似下面这种

image.png

1. 好的 话不多说 开始实践

1.1 文本需要展开 所以会拉伸 得用点9图

image.png

1.2 复制到Android studio中 最后是下载.png格式 不然可能出现不了转.9图的选项

image.png

1.3 会创建一个命名一样 但是后缀会加上 xx.9.png

image.png

1.4 现在开始切图 首先看下图片上下左右 切出来的 !!#ff0000 可拉伸区域!! 代表什么

image.png

1.5 图的上边和左边 代表可以拉伸的区域 这个很好理解 并不是所有区域都能拉伸 只有指定的区域 不影响内容的地方 才可以拉

image.png

1.6 图片的右边和下边的区域 代表内容只能在这个区域排列

image.png

1.7 最后 删掉原图 只保留拥有.9.png的那张图 这样就制作完成了

image.png