此篇是接着上篇文章写的【ANDROID XML图像资源文件讲解(一)】
前言
上篇文章,主要说明Bitmap(位图)对象,此篇主要介绍特殊的位图(Nine-Patch位图)和Layer List。
1、在实际开发中,比如要做一个类似QQ的聊天气泡功能,一样的图片,当文字少的时候,汽包自动变小;文字多的时候,汽包自动变大。但是汽包本身没有变形。
那这种效果怎么实现,这就是Nine-Patch的功效。
2、当一个背景图是由多个图片组合而成时,我们可以使用Layer List完成我们想要的效果。
一、Nine-Patch位图
格式
filename.9.png
这是可以自定义拉伸区域的位图。后缀为.9.png。
制作
制作Nine-Patch格式的位图,需要使用android提供的draw9patch.bat工具。此工具在SDK目录下的tools文件夹中。
说明
1、Nine-Patch格式的位图在图片制作成功后,图片的上下左右会有黑色的线条。但是在android终端上显示的时候,黑线会自动消失。
左侧和上面的黑线,标识图片拉伸的区域。右侧和下面的黑线标识内容(文字)填充的区域。看下图:
2、Nine-Patch也是一种特殊的Bitmap,但是在使用的过程中,除了直接使用resourceId赋值与src或者background之外,平时我们也有需要在Java代码中引用。如果是一般的位图(.png)直接使用BitmapDrawable对象或者标签<bitmap>接收,但是如果是Nine-Patch位图,则不能单纯的使用Bitmap或者<bitmap> ,否则Nine-Patch的拉伸效果就失去作用。这时就需要使用<
nine-patch>或者NinePatchDrawable对象
<nine-patch>
语法
<?xml version="1.0" encoding="utf-8"?>
<nine-patch
xmlns:android="http://schemas.android.com/apk/res/android"
android:src="@[package:]drawable/drawable_resource"
android:dither=["true" | "false"] />
解析
xmlns:android
当nine-patch是根标签的时候,这句话是必须要的。
android:src
源文件,此处需要是一个Nine-Patch的文件android:dither
消除抖动。简单点说就是当图像颜色值很丰富(比如通过高级的单反镜头,有216个色系),和手机显示屏能提供的颜色值(比如只有16个色系)不匹配 时,会自动进行补全优化,让画质更好。取值true或者false 。详细《维基百科-dither》
二、Layer List
说明
这是一个图片集合,对应的Java类
LayerDrawable。集合最底部的图像item,将会绘制在屏幕的最上层。
语法
<?xml version="1.0" encoding="utf-8"?>
<layer-list
xmlns:android="http://schemas.android.com/apk/res/android" >
<item
android:drawable="@[package:]drawable/drawable_resource"
android:id="@[+][package:]id/resource_name"
android:top="dimension"
android:right="dimension"
android:bottom="dimension"
android:left="dimension" />
</layer-list>
解析
layer-list
必须作为根标签。并且需要包含至少一个item。
android:top
距离父容器的顶部距离
android:right距离父容器的右边距离
android:bottom距离父容器的底部距离
android:left距离父容器的左边距离
例子
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/bitmap_elements">
</item>
<item android:top="20dp" android:left="20dp" android:drawable="@drawable/bitmap_elements2">
</item>
<item android:top="40dp" android:left="40dp" android:drawable="@drawable/bitmap_elements3">
</item>
</layer-list>
或者格式为这样:
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<bitmap android:src="@drawable/android_red"
android:gravity="center" />
</item>
<item android:top="10dp" android:left="10dp">
<bitmap android:src="@drawable/android_green"
android:gravity="center" />
</item>
<item android:top="20dp" android:left="20dp">
<bitmap android:src="@drawable/android_blue"
android:gravity="center" />
</item>
</layer-list>
效果
完毕.