1.初识:
Nine-Patch图片是一种经过特殊处理的图片格式,文件的保存后缀为:(命名).9.png,能够制定那些区域能被拉伸、哪些区域不能够拉伸,比如QQ、微信的聊天气泡框使用的就是Nine-Patch图片格式,聊天的文字信息显示在可拉伸区域。
2.制作:
工具为:Android Studio 3.1.1
图片链接在此-->:仿微信微信聊天气泡框图片
步骤如下:
a. 新建工程:Nine_Patch,将图片复制到mipmap文件夹下,建议在找到工程文件路径复制:例如我的是:
D:\AndroidStudioProject\Nine_Patch\app\src\main\res\mipmap-hdpi
复制好后,在Android Studio中可见:
如果直接在layout中使用test.png,则效果如下:
其中布局文件代码为:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@mipmap/test">
</LinearLayout>
b. 然后选择test.png,右键:
选择Create 9-patch file...,保存名字修改为:test_999.9.png,点击ok。
c. 双击test_999.9.png,然后开始设置是否可拉伸区域:
其中阴影重叠部分为可拉伸区域,然后我们开始修改可拉伸区域,而这个也很简单,只需要用鼠标拉动重合阴影部分矩形的四条边线:
例如我可以修改为:
图中阴影重叠部分就被我设置为可拉伸区域了。
d. 接下来我们看一下效果,将布局文件中代码的:
android:background="@mipmap/test"
修改为:
android:background="@mipmap/test_999"
修改后效果为:
这就是Nine-Patch图片的简单制作和使用。