ClipDrawable的使用（附上电池充电效果的Demo）

ClipDrawable的介绍

ClipDrawable对应的标签是<clip>，它可以根据自己的当前的level来裁剪一个Drawable。可以通过ClipDrawable的setLevel()方法来实现类似于Progress的进度的效果。其中setLevel()的level值范围是从0-10000，当level为10000的时候完全显示。

ClipDrawable的使用

1、在项目的res/drawable文件夹下新建一个文件，设置文件的标签为<clip>,并设置clipOrientation，drawable，gravity3个属性

<?xml version="1.0" encoding="utf-8"?>
<clip xmlns:android="http://schemas.android.com/apk/res/android"
android:clipOrientation="horizontal"
android:drawable="@drawable/battery_2"
android:gravity="left" >
</clip>

其中android:clipOrientation可以设置为”horizontal” | “vertical”，android:gravity可以设置为”top” | “bottom” | “left” | “right” | “center_vertical” | “fill_vertical” | “center_horizontal” | “fill_horizontal” | “center” | “fill” | “clip_vertical” | “clip_horizontal”

2、将img的src设置为上面的drawable文件

<?xml version="1.0" encoding="utf-8"?>
<ImageView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/iv_progress"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:background="@drawable/battery_1"
android:scaleType="fitCenter" />

3、最后就可以设置效果了

private ImageView img;
private ClipDrawable mClipDrawable ;

private void init(){
img= (ImageView)findViewById(R.id.iv_progress);
mClipDrawable = (ClipDrawable)img.getDrawable();
mClipDrawable .setLevel(50*100);
}

使用ClipDrawable做的电池充电效果的Demo

下载地址