Android Studio 制作点九图(.9图)

背景

安卓开发中,为了让背景图适应内容输入长度自动扩展,同时关键部分不变形,如圆角矩形的圆角或下面对话框样例的三角尖,安卓里引入了点九图(后缀名包含.9).本文介绍通过Android Studio制作点九图.

操作步骤

1. 右键点击初始图,选择菜单“Create 9-Patch file...”

   
   

2. 勾选“Show patches”、“Show content”、“Show bad patches”

   
   

3. 打开新建的点九图,通过鼠标在图片的上下左右拖动控制条,设定可以自动扩展的矩形区域.
   操作过程动图示意:

   
   
   image

4. 下图是最终成型的效果图,安卓系统会根据这个矩形所在位置进行水平和垂直自动扩展.

   
   

5. 水平方向,两边拉伸的样例:

   
   

6. 垂直方向,两边拉伸的样例:

   
   

7. 水平和垂直方向,两边拉伸的样例:

   
   

常见问题

问题: 在使用.9图后,有时发现,控件内容距离背景边框距离过大或过小.
解决方案:
做.9图时,需要调整黑线位置,使上图中紫色的部分(即内容显示区域)处于合适的位置.