最近需要实现一个显示下载进度的功能,下载进度的实现很简单,用ProgressBar就可以,但我想尝试通过图片裁剪来实现,学习一下ClipDrawable这个类的使用。
ClipDrawable是通过设置一个Drawable的当前显示比例来裁剪出另一张Drawable,你可以通过调节这个比例来控制裁剪的宽高,以及裁剪内容占整个容器的权重,通过ClipDrawable的setLevel()方法调节显示比例可以实现类似Progress进度条的效果。ClipDrawable的level值范围在[0,10000],level的值越大裁剪的内容越少,如果level为10000时则完全显示。
在工程的res/drawable文件夹下新建一个文件名为”download_data_drawable_clip.xml”的xml文件,里面包含如下信息,clip元素中只有android:drawable、android:clipOrientation和android:gravity三个属性,其中android:drawable为需要裁剪的原始图片,android:clipOrientation为裁剪的方向,可以按照垂直(vertical)或者水平(horizontal)方向进行裁剪,android:gravity为指定从哪里开始裁剪,这个可以通过或操作设置多个属性。
<?xml version="1.0" encoding="utf-8"?>
<clip
xmlns:android="http://schemas.android.com/apk/res/android"
android:drawable="@drawable/drawable_resource"
android:clipOrientation=["horizontal" | "vertical"]
android:gravity=["top" | "bottom" | "left" | "right" | "center_vertical" |
"fill_vertical" | "center_horizontal" | "fill_horizontal" |
"center" | "fill" | "clip_vertical" | "clip_horizontal"] />
在布局文件中定义一个视图,将1中新建的xml文件作为该视图的背景:
<ImageView
android:id="@+id/downloadProgressId"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@drawable/download_data_drawable_clip"
android:contentDescription="@string/app_name"
/>
在程序中通过如下代码实现对该视图的裁剪:
private ImageView mDownloadProgressImg = null;
private void initDownloadProgressImg(){
mDownloadProgressImg = (ImageView)findViewById(R.id.downloadProgressId);
mDownloadProgressDrawable = (ClipDrawable)mDownloadProgressImg.getDrawable();
mDownloadProgressDrawable.setLevel(0);
}
private void updateDownloadProgress(int progress){
// 下载进度为百分制,但level的范围为[0,10000],所以这里需要*100
mDownloadProgressDrawable.setLevel(progress*100);
} **注意:**在给clip元素中android:drawable属性设置背景图片时,图片不能是9图,因为这涉及到裁剪这张图片,如果设置为九图,裁剪的实际情况会与想要的效果不一样。