Android实现转盘效果

我今天也只是刚好看到这个,看到网友实现了一个转盘的效果,但试了一下好像不太行,所以就修改了一下程序最终实现转盘的效果,我对Android 绘画这一块用得不多,一般在开发游戏的时候可能会用得较多,所以很多地方都不太清楚。

下面是转盘的效果图:
Android实现转盘效果_第1张图片


布局:
[html]  view plain copy
  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent"  
  5.     android:background="@drawable/back"  
  6.     >  
  7.       
  8.     <com.wwj.turnplate.TurnPlateView  
  9.         android:id="@+id/turnplate"  
  10.         android:layout_width="wrap_content"  
  11.         android:layout_height="wrap_content"  
  12.         android:layout_centerInParent="true"   
  13.         />  
  14.   
  15.     <Button  
  16.         android:id="@+id/btnStart"  
  17.         android:layout_width="70dp"  
  18.         android:layout_height="wrap_content"  
  19.         android:layout_alignParentBottom="true"  
  20.         android:layout_alignParentLeft="true"  
  21.         android:text="开始" />  
  22.   
  23.     <Button  
  24.         android:id="@+id/btnStop"  
  25.         android:layout_width="70dp"  
  26.         android:layout_height="wrap_content"  
  27.         android:layout_alignParentBottom="true"  
  28.         android:layout_alignParentRight="true"  
  29.         android:text="结束" />  
  30.   
  31. RelativeLayout>  


自定义View
/2013.10.16_TurnPlate_Demo/src/com/wwj/turnplate/TurnPlateView.java
[java]  view plain copy
  1. package com.wwj.turnplate;  
  2.   
  3. import android.content.Context;  
  4. import android.content.res.Resources;  
  5. import android.graphics.Bitmap;  
  6. import android.graphics.BitmapFactory;  
  7. import android.graphics.Canvas;  
  8. import android.graphics.Matrix;  
  9. import android.util.AttributeSet;  
  10. import android.view.View;  
  11.   
  12.   
  13. public class TurnPlateView extends View implements Runnable{  
  14.   
  15.     // 界面需要的图片  
  16.     private Bitmap turnPlatePic;        // 转盘图片  
  17.     private Bitmap pointerPic;          // 指针图片  
  18.       
  19.     // 旋转矩阵  
  20.     private Matrix panRotate = new Matrix();  
  21.     // 平移矩阵  
  22.     private Matrix pointerTranslate = new Matrix();  
  23.       
  24.     private int x = 0;  
  25.     private boolean ifRoate = false;  
  26.       
  27.       
  28.     public TurnPlateView(Context context, AttributeSet attrs) {  
  29.         super(context, attrs);  
  30.         Resources r = context.getResources();  
  31.         // 生成图片  
  32.         turnPlatePic = BitmapFactory.decodeStream(r.openRawResource(R.drawable.turnplate));  
  33.         pointerPic = BitmapFactory.decodeStream(r.openRawResource(R.drawable.pointer));  
  34.           
  35.         // 用线程刷新界面  
  36.         Thread thread = new Thread(this);  
  37.         thread.start();  
  38.           
  39.     }  
  40.   
  41.     @Override  
  42.     protected void onDraw(Canvas canvas) {  
  43.         super.onDraw(canvas);  
  44.           
  45.         canvas.translate(75100);  
  46.         canvas.drawBitmap(turnPlatePic, panRotate, null);  
  47.         canvas.translate(turnPlatePic.getWidth() / 2 - pointerPic.getWidth() / 220);  
  48.         canvas.rotate(x, pointerPic.getWidth() / 2,pointerPic.getHeight() - 35);  
  49.         canvas.drawBitmap(pointerPic, pointerTranslate, null);  
  50.           
  51.     }  
  52.       
  53.     @Override  
  54.     public void run() {  
  55.         try {  
  56.             while(true) {  
  57.                 if (ifRoate) {  
  58.                     this.x += 25;  
  59.                     //这个函数强制UI线程刷新界面  
  60.                     this.postInvalidate();  
  61.                     Thread.sleep(50);  
  62.                 }  
  63.             }  
  64.         } catch(InterruptedException e) {  
  65.             e.printStackTrace();  
  66.         }  
  67.     }  
  68.       
  69.     public void startRoate() {  
  70.         this.ifRoate = true;  
  71.     }  
  72.       
  73.     public void stopRotate() {  
  74.         this.ifRoate = false;  
  75.     }  
  76. }  



主Activity
[java]  view plain copy
  1. package com.wwj.turnplate;  
  2.   
  3. import android.app.Activity;  
  4. import android.os.Bundle;  
  5. import android.view.View;  
  6. import android.view.View.OnClickListener;  
  7. import android.widget.Button;  
  8.   
  9. public class MainActivity extends Activity implements OnClickListener{  
  10.       
  11.       
  12.     private TurnPlateView plateView;  
  13.     private Button btnStart;  
  14.     private Button btnStop;  
  15.       
  16.       
  17.     protected void onCreate(Bundle savedInstanceState) {  
  18.         super.onCreate(savedInstanceState);  
  19.         setContentView(R.layout.activity_main);  
  20.           
  21.         plateView = (TurnPlateView) findViewById(R.id.turnplate);  
  22.         btnStart = (Button) findViewById(R.id.btnStart);  
  23.         btnStop = (Button) findViewById(R.id.btnStop);  
  24.           
  25.         btnStart.setOnClickListener(this);  
  26.         btnStop.setOnClickListener(this);  
  27.     }  
  28.       
  29.       
  30.   
  31.     @Override  
  32.     public void onClick(View v) {  
  33.         switch(v.getId()) {  
  34.         case R.id.btnStart:  
  35.             plateView.startRoate();  
  36.               
  37.             break;  
  38.         case R.id.btnStop:  
  39.             plateView.stopRotate();  
  40.             break;  
  41.         }  
  42.     }  

你可能感兴趣的:(Android实现转盘效果)