领略千变万化的Android Drawable （二）(2)_H5之家 - 中国HTML5教程资源分享第一站

直接看个例子吧，代码如下：

<?xml version="1.0" encoding="utf-8"?>
<inset xmlns:android="http://schemas.android.com/apk/res/android"
android:insetBottom="10dp"
android:drawable="@drawable/transition_bg_1"
android:insetTop="10dp"
android:insetLeft="10dp"
android:insetRight="10dp"
>
</inset>
<?xml version="1.0" encoding="utf-8"?><inset xmlns:android="http://schemas.android.com/apk/res/android"android:insetBottom="10dp"android:drawable="@drawable/transition_bg_1"android:insetTop="10dp"android:insetLeft="10dp"android:insetRight="10dp"></inset>

直接作为根布局的背景

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/inset_drawable"
tools:context="com.zejian.drawble.MainActivity"></RelativeLayout>
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:background="@drawable/inset_drawable"tools:context="com.zejian.drawble.MainActivity"></RelativeLayout>

效果如下：

9、ScaleDrawable

ScaleDrawable对应标签，主要基于当前的level，对指定的Drawable进行缩放操作。有点需要特别注意的是我们如果定义好了ScaleDrawable，要将其显示出来的话，必须给ScaleDrawable设置一个大于0小于10000的等级（级别越大Drawable显示得越大，等级为10000时就没有缩放效果了），否则将无法正常显示。我们可以看看其draw函数的源码：

@Override
public void draw(Canvas canvas) {
final Drawable d = getDrawable();
if (d != null && d.getLevel() != 0) {
d.draw(canvas);
}
}
@Overridepublic void draw(Canvas canvas) {final Drawable d = getDrawable();if (d != null && d.getLevel() != 0) {d.draw(canvas);}}

很明显d.getLevel() != 0才会去把当前drawable画在画布上然后显示在屏幕上，我们知道这点后再来看看其语法：

android:gravity

当图片小于容器尺寸时，设置此选项可以对图片经典定位，这个属性比较多，不同选项可以使用‘|’来组合使用。

可选项
含义
top
将图片放在容器顶部，不改变图片大小
bottom
将图片放在容器底部，不改变图片大小
left
将图片放在容器左侧，不改变图片大小
right
将图片放在容器右侧，不改变图片大小
center_vertical
图片竖直居中，不改变图片大小
fill_vertical
图片竖直方向填充容器
center_horizontal
图片水平居中，不改变图片大小
fill_horizontal
图片水平方向填充容器
center
使图片在水平方向和竖直方向同时居中，不改变图片大小
fill
图片填充容器，默认值
clip_vertical
竖直方向剪切，很少使用
clip_horizontal
水平方向剪切，很少使用

android:scaleHeight

表示Drawable的高的缩放比例，值越大，内部Drawable的高度显示得越小，例如android:scaleHeight=”70%”,那么显示时Drawable的高度只有原来的30%。

android:scaleWidth

表示Drawable的宽的缩放比例，值越大，内部Drawable的宽显示得越小，例如android:scaleWidth=”70%”,那么显示时Drawable的宽度只有原来的30%。
直接来看个例子呗，我们设置两组宽高分别缩放70%和30%，然后来对比一下情况

<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
android:drawable="@drawable/image1"
android:scaleHeight="70%"
android:scaleWidth="70%"
android:scaleGravity="center"
>
</scale>
<?xml version="1.0" encoding="utf-8"?><scale xmlns:android="http://schemas.android.com/apk/res/android"android:drawable="@drawable/image1"android:scaleHeight="70%"android:scaleWidth="70%"android:scaleGravity="center"></scale>

<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
android:drawable="@drawable/image1"
android:scaleHeight="30%"
android:scaleWidth="30%"
android:scaleGravity="center"
>
</scale>
<?xml version="1.0" encoding="utf-8"?><scale xmlns:android="http://schemas.android.com/apk/res/android"android:drawable="@drawable/image1"android:scaleHeight="30%"android:scaleWidth="30%"android:scaleGravity="center"></scale>