Android studio制作适合自己需求的.9图

在开发过程中, 设计给的png图作为背景显示, 有时候可能会被压缩, 导致很难看

---

如下图:

image.png

这是一个带阴影背景的卡片图, 但是卡片的大小需要随着内容的变化而变化, 如果使用普通的背景图片必然会存在图片撑大压缩等现象

利用android studio可以定制属于自己的.9

1. 找到需要.9的drawable, 右键选择create 9-patch file

   
   image.png

2. 会自动生成一个.9文件, 点击打开这个文件, 当鼠标放到图片中央的时候 会出现4条交错的线

   
   image.png

3. 我们知道.9图一共分为两种区域限定,

   1. 伸缩区域(图片的上方和左方)
   2. 内容显示区域 (图片的下方和右方)
      挪动对应区域的线条,做出限制

如上的例子, 我需要的时候圆角区域和阴影区域不能被拉伸, 所以将拉伸区域放到了如下图所示位置:

image.png

接下来设置文字的显示区域, 阴影区域是不放文字内容的, 所以把显示文字区域限定到如下区域:

image.png

这样就制作好了我需要的9-patch图, 看下效果图
这是内容多的时候:

image.png

这是内容少的时候:

image.png