利用Android自定义View实现转盘旋转的效果

Android的自定义View为开发者定义和使用个性化的View提供了很好的支持，想要使用自己定义的View，需要继承View类，并重写构造函数和onDraw（）函数。onDraw函数在界面刷新时会被调用，通过线程控制可以实现动画的效果，这里提供一个用自定义View实现的类似幸运转盘的例子。

一、自定义的转盘View

package com.test.www;

import android.content.Context;
import android.content.res.Resources;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.util.AttributeSet;
import android.view.View;

//自定义的转盘View
public class zhuanpanView extends View implements Runnable{

//界面需要的图片
private Bitmap panpic;
private Bitmap panhandpic;
//旋转矩阵
private Matrix panRotate=new Matrix();
//平移矩阵
private Matrix panhandTrans=new Matrix();

private int x=0;

private boolean ifRotate=false;

public zhuanpanView(Context context, AttributeSet attrs) {

super(context, attrs);

Resources r=context.getResources();
//设置指针平移矩阵为按向量（160,160-指针的高度）平移
panhandTrans.setTranslate(160, 160-76);

//生成图片
panpic=BitmapFactory.decodeStream(r.openRawResource(R.drawable.pan));
panhandpic=BitmapFactory.decodeStream(r.openRawResource(R.drawable.panhand));

//用线程来刷新界面
Thread thread=new Thread(this);
thread.start();

}

//重写View类的onDraw()函数
@Override
protected void onDraw(Canvas canvas) {
//设置转盘旋转矩阵为以（160,160）坐标为圆心，旋转X角度
panRotate.setRotate(x, 160, 160);
canvas.drawBitmap(panpic, panRotate, null);

canvas.drawBitmap(panhandpic, panhandTrans, null);

}

//重写的run函数，用来控制转盘转动
public void run() {
try {

while(true){

if(ifRotate){

this.x+=25;
//这个函数强制UI线程刷新界面
this.postInvalidate();

Thread.sleep(50);

}

}

} catch (InterruptedException e) {

e.printStackTrace();
}

}

public void startRotate(){

this.ifRotate=true;

}

public void stopRotate(){

this.ifRotate=false;

}

}

二、layout中的对应的xml文件配置如下

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/sky"
>

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
>
<com.test.www.zhuanpanView
android:id="@+id/zhuanpanView"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
</com.test.www.zhuanpanView>
</LinearLayout>

<RelativeLayout
android:layout_width="320px"
android:layout_height="110px"
android:layout_alignParentBottom="true"
>
<Button
android:id="@+id/startButton"
android:layout_width="100px"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:text="开始"
>
</Button>
<Button
android:id="@+id/stopButton"
android:layout_width="100px"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:text="停止"
>
</Button>
</RelativeLayout>

</RelativeLayout>

其中com.test.www.zhuanpanView是自己定义的View组件的包路径，其它的属性配置和系统组件相同。

由于是自己定义的View，只能在运行模拟器后加载程序才能看到效果。

三、主Activity

package com.test.www;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;

public class Main extends Activity {
/** Called when the activity is first created. */

private void findViewAndButton(){

//自定义的View
final zhuanpanView panView=(zhuanpanView) this.findViewById(R.id.zhuanpanView);

//开始旋转的按钮
Button startButton=(Button) this.findViewById(R.id.startButton);
startButton.setOnClickListener(new OnClickListener(){

public void onClick(View v) {

panView.startRotate();

}

});
//停止旋转的按钮
Button stopButton=(Button) this.findViewById(R.id.stopButton);
stopButton.setOnClickListener(new Button.OnClickListener(){

public void onClick(View v) {

panView.stopRotate();

}

});

}

@Override
public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);
setContentView(R.layout.main);
findViewAndButton();

}
}

这样就实现了可以控制旋转的转盘效果，修改onDraw函数可以实现更高级的动画效果。