ClipDrawable製作圖片漸進效果

建立ClipDrawable,標籤clip,並指定一張圖片

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

建立佈局文件,並引用ClipDrawable資源,
android:src="@drawable/my_clip_1"

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <ImageView 
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#3e3e3e"
        android:src="@drawable/my_clip_1"
        android:id="@+id/imageview"/>
</LinearLayout>
java代碼

package com.example.android_test;

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 {
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.clip_layout);
		
		ImageView imageView=(ImageView) findViewById(R.id.imageview);
		
		//獲取圖像所顯示的ClipDrawable對象
		final ClipDrawable clipDrawable=(ClipDrawable) imageView.getDrawable();
		
		final Handler handler=new Handler(){
			
			@Override
			public void handleMessage(Message msg) {

				if (msg.what==0x111) {
					//修改ClipDrawable的level值
					clipDrawable.setLevel(clipDrawable.getLevel()+200);
				}
			}
		};
		
		final Timer timer=new Timer();
		timer.schedule(new TimerTask() {
			
			@Override
			public void run() {

				Message message=new Message();
				message.what=0x111;
				handler.sendMessage(message);
				//默認的level是0,表示全部裁剪掉了,圖片不可見,
				//但是顯示的時候,依然會佔據位置。當level是10,000,
				//圖片相當於沒裁剪,完全可見。
				if (clipDrawable.getLevel()>=10000) {
					timer.cancel();
				}
				
			}
		}, 0,300);//表示 0 秒鐘後開始 以0.3 秒鐘爲週期 重複執行
		
		
		
	}
}



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章