使用Drawable资源之使用ClipDrawable资源

ClipDrawable代表从其它位图上截取一个"图片片段",XML中的根元素为<clip.../>,截取的方向由clipOrientation控制

下面以一个慢慢展开的图片为例

先定义一个ClipDrawable资源文件my_clip.xml

[html] view plaincopyprint?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <clip xmlns:android="http://schemas.android.com/apk/res/android"   
3.     android:drawable="@drawable/fengjing"  
4.     android:clipOrientation="horizontal"  
5.     android:gravity="center">  
6. </clip>  

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

接下来在主界面main.xml中的imageview中引用它

[html] view plaincopyprint?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="fill_parent"  
4.     android:layout_height="fill_parent"  
5.     android:orientation="vertical" >  
6.     <!-- 这里imageView的src定义为clipdrawable资源 -->  
7.     <ImageView  
8.         android:id="@+id/image"  
9.         android:layout_width="wrap_content"  
10.         android:layout_height="wrap_content"  
11.         android:src="@drawable/my_clip" />  
12. </LinearLayout>  

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:orientation="vertical" >    <!-- 这里imageView的src定义为clipdrawable资源 -->    <ImageView        android:id="@+id/image"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:src="@drawable/my_clip" /></LinearLayout>

主界面代码

[java] view plaincopyprint?

1. package WangLi.Resouce.ClipDrawableTest;  
2.   
3. import java.util.Timer;  
4. import java.util.TimerTask;  
5.   
6. import android.app.Activity;  
7. import android.graphics.drawable.ClipDrawable;  
8. import android.os.Bundle;  
9. import android.os.Handler;  
10. import android.os.Message;  
11. import android.widget.ImageView;  
12.   
13. public class ClipDrawableTest extends Activity {  
14.     /** Called when the activity is first created. */  
15.     @Override  
16.     public void onCreate(Bundle savedInstanceState) {  
17.         super.onCreate(savedInstanceState);  
18.         setContentView(R.layout.main);  
19.         ImageView imageview = (ImageView)findViewById(R.id.image);  
20.         //获取图片所显示的ClipDrawble对象   
21.         final ClipDrawable drawable = (ClipDrawable)imageview.getDrawable();  
22.         final Handler handler = new Handler()  
23.         {  
24.             public void handleMessage(Message msg)  
25.             {  
26.                 if(msg.what == 0x1233)  
27.                 {  
28.                     //修改ClipDrawable的level值   
29.                     drawable.setLevel(drawable.getLevel() +200);  
30.                 }  
31.             }  
32.         };  
33.         final Timer timer = new Timer();  
34.         timer.schedule(new TimerTask()  
35.         {  
36.             public void run()  
37.             {  
38.                 Message msg = new Message();  
39.                 msg.what = 0x1233;  
40.                 //发送消息,通知应用修改ClipDrawable对象的level值   
41.                 handler.sendMessage(msg);  
42.                 //取消定时器   
43.                 if(drawable.getLevel() >= 10000)  
44.                 {  
45.                     timer.cancel();  
46.                 }  
47.             }  
48.         },0,300);  
49.     }  
50. }  

package WangLi.Resouce.ClipDrawableTest;import java.util.Timer;import java.util.TimerTask;import android.app.Activity;import android.graphics.drawable.ClipDrawable;import android.os.Bundle;import android.os.Handler;import android.os.Message;import android.widget.ImageView;public class ClipDrawableTest extends Activity {    /** Called when the activity is first created. */    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.main);        ImageView imageview = (ImageView)findViewById(R.id.image);        //获取图片所显示的ClipDrawble对象        final ClipDrawable drawable = (ClipDrawable)imageview.getDrawable();        final Handler handler = new Handler()        {        public void handleMessage(Message msg)        {        if(msg.what == 0x1233)        {        //修改ClipDrawable的level值        drawable.setLevel(drawable.getLevel() +200);        }        }        };        final Timer timer = new Timer();        timer.schedule(new TimerTask()        {        public void run()        {        Message msg = new Message();        msg.what = 0x1233;        //发送消息,通知应用修改ClipDrawable对象的level值        handler.sendMessage(msg);        //取消定时器        if(drawable.getLevel() >= 10000)        {        timer.cancel();        }        }        },0,300);    }}

运行效果如下

刚开始图片从中间往两边展开

最后展开完整的图片

利用ClipDrawable,还可以做图片进度条