一、什么是 9-Patch 图片?
一种被特殊处理过的png图片,可以指定哪些区域能够拉伸,哪些区域可以显示内容。
二、使用场景
主要是用于对话框等拉伸能够不变形的场景。
三、 创建.9.png图片
1. 选中一张png图片,右键Create 9-Patch file
2. 选中文件夹,修改名字。
注意:9-Patch图片要放在drawable文件夹下,否则编译时会报错。后缀名必须是.9.png。
四、编辑.9.png图片
在drawable下会生成刚才创建的点9图,双击打开进行编辑。
在图片的边缘点击鼠标沿着边缘滑动会出现黑线,用来控制图片可拉伸和可显示区域。上和左控制图片可拉伸区域,下和右控制图片可显示区域。
注意:可拉伸区域可以多个,但可显示区域每边只能有一个。
五、简单使用
使用时不需要再在文件名后加.9
<TextView
android:id="@+id/tvTitle"
android:textSize="20sp"
android:background="@drawable/talk_custom"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
六、介绍一下编辑页面中选项的含义(这里就不演示效果图了,选中看看就知道了)
1. Show lock:选中showlock,然后将鼠标移动到图片上,会显示红色斜杠表示图片锁定的区域。
2. Show patches:显示图片中可以进行缩放的区域,如下图红框圈中的绿色区域。
3. Show content:表示可以填充内容的区域,如下图紫色区域。
4. Show bad patches:显示原图中不规范的缩放区域。比如带弧度中部分是不应该缩放的。
5. Zoom:可以调节左侧编辑区域的缩放比例。
6. Patch scale:调节右侧预览区域的缩放比例。