背景
安卓开发中,为了让背景图适应内容输入长度自动扩展,同时关键部分不变形,如圆角矩形的圆角或下面对话框样例的三角尖,安卓里引入了点九图(后缀名包含.9).本文介绍通过Android Studio制作点九图.
操作步骤
-
右键点击初始图,选择菜单“Create 9-Patch file...”
-
勾选“Show patches”、“Show content”、“Show bad patches”
-
打开新建的点九图,通过鼠标在图片的上下左右拖动控制条,设定可以自动扩展的矩形区域.
操作过程动图示意:
image -
下图是最终成型的效果图,安卓系统会根据这个矩形所在位置进行水平和垂直自动扩展.
-
水平方向,两边拉伸的样例:
-
垂直方向,两边拉伸的样例:
-
水平和垂直方向,两边拉伸的样例:
常见问题
问题: 在使用.9图后,有时发现,控件内容距离背景边框距离过大或过小.
解决方案:
做.9图时,需要调整黑线位置,使上图中紫色的部分(即内容显示区域)处于合适的位置.
