前言:最近在做项目 需要图片作为背景 ,随着内容的长度宽度,背景跟随着扩大范围
问题:随着内容的增多,背景图片会失真 变形 。

解决:使用安卓的.9图可以解决这一问题

一 .9图的概念

  • .9图片是安卓app开发中的一种特殊图片 以.9.png解决
  • .9图使用可以让图片不会变形和失真 ,让内容在固定区域显示

二.介绍.9图

       首先.9图上下左右有4条黑线,分别是上下左右

android 点9图片制作工具 android .9图_Android

顶部:在水平拉伸的时候,保持其他位置不动,只在这个点的区域做无限的延伸

左边:在竖直拉伸的时候,保持其他位置不动,只在这个点的区域做无限的延伸

底部:在水平拉伸的时候,指定图片里的内容显示的区域

右边:在竖直拉伸的时候,指定图片里的内容显示的区域

 

android 点9图片制作工具 android .9图_Android_02

 二.制作.9图

  1. 将图片放到drawable文件夹中
  2. 右键图片选择Create 9-Patch file
  3. 会提示.9图保存的位置,和名字
  4. save后即可制作.9图

android 点9图片制作工具 android .9图_安全检查_03

 

android 点9图片制作工具 android .9图_编译报错_04

 

 

在使用的时候 可以 通过选中showContent来看到内容显示的区域

android 点9图片制作工具 android .9图_安全检查_05

 选中之后可以在右边特殊颜色显示的区域 就是 内容显示的位置

android 点9图片制作工具 android .9图_android 点9图片制作工具_06

如图所示,我们的内容只显示在 中间部分 ,也就是 内容 不会拉伸 上下左右边角 ,保证了 ,只拉伸 淡蓝色部分 ,这样就保证了 图片的不失真

使用和普通图片一样即可

四.关于在Android Studio中使用.9图片出错解决方案

用过Android Studio的童鞋都知道,AS中对.9的图片增加了安全检查机制,你的.9图片只要有不规范的地方都会给你编译报错,本人刚开始用AS时就深受其苦,后来才找到了解决办法。
解决方式主要有两种:
一是让AS取消掉对.9图片的安全检查。找到你app目录下的build.gradle文件,打开之后你可以在buildToolsVersion属性之下添加取消安全检查的两行代码。
// 取消掉系统对.9图片的检查
aaptOptions.cruncherEnabled = false
aaptOptions.useNewCruncher = false
二是 .9图片编译报错,那肯定说明你的.9图片制作不完善,你可以检查一下图片哪里没绘制好。你可以检查一下是否有重复绘制黑边,或者有哪条边没有绘制。这里注意:AS中要求.9图片的四条边都会绘制