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

背景

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

操作步骤

2. 右键点击初始图,选择菜单“Create 9-Patch file…”
   
   
3. 勾选“Show patches”、“Show content”、“Show bad patches”
   
   
4. 打开新建的点九图,通过鼠标在图片的上下左右拖动控制条,设定可以自动扩展的矩形区域.
   操作过程动图示意:
   
   
5. 下图是最终成型的效果图,安卓系统会根据这个矩形所在位置进行水平和垂直自动扩展.
   
   
6. 水平方向,两边拉伸的样例:
   
   
7. 垂直方向,两边拉伸的样例:
   
   
8. 水平和垂直方向,两边拉伸的样例:
   
   

常见问题

问题: 在使用.9图后,有时发现,控件内容距离背景边框距离过大或过小.

解决方案:

做.9图时,需要调整黑线位置,使上图中紫色的部分(即内容显示区域)处于合适的位置.

---

安卓开发入门教程系列汇总

开发语言学习

Kotlin语言基础

UI控件学习系列

UI控件_TextView

UI控件_EditText

UI控件_Button

UI控件_ImageView

UI控件_RadioButton

UI控件_CheckBox

UI控件_ProgressBar