本编文章主要讲解如何制作Nine-Patch图片,为马上要编写的聊天界面做准备。
一、什么是Nine-Patch图片?
它是一种被特殊处理过的png图片,能够指定哪些区域可以被拉伸、哪些不可以。
二、举例实战
1、首先准备一个以下气泡样式的图片,如下:
放到drawable文件下,并命名为message_left
2、创建一个名为UIBestPractice的项目,并带有空活动。
修改activity_main.xml代码如下:
<?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="@drawable/message_left">
</LinearLayout>
效果如下:
由于图片的宽度不足以填满整个屏幕,被均匀拉伸,这时可以用Nine-Patch来改善。
3、右键图片点击Create 9-Patch file,并命名
使用默认名字,message_left.9.png
4、绘制拉伸区域
可以在图片的四个边框绘制一个个小黑点,在上边框和左边框绘制的部分表示当图片需要拉伸时就拉伸黑色标记的区域,在下边框和右边框绘制的部分表示内容会被放置的区域,按住Shift键拖动可以擦除。
5、删除原来的图片,重新运行程序
删除message_left.png图片,替换为message_left.9.png,不需要改代码,重新运行程序
效果如下:
希望本文章对你有帮助,如果你对Android开发感兴趣,请持续关注本专栏,帮助你从入门到项目实战,你将收获:Android基础开发、各种经典功能实现、项目实战、开发自己的APP、将APP上传应用商店、靠广告赚钱等等,持续更新ing......