制作Nine-Patch图片,.9.png图片制作

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图片的简单制作和使用。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值