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

背景

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

操作步骤

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

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

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

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

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

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

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

常见问题

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

安卓开发入门教程系列汇总 开发语言学习

Kotlin语言基础

UI控件学习系列

UI控件_TextView UI控件_EditText UI控件_Button UI控件_ImageView UI控件_RadioButton UI控件_CheckBox UI控件_ProgressBar

关注头条号,第一时间获取最新文章: