Android实现转盘效果

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

下面是转盘的效果图:


布局:
[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.     }  
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的示例代码,用于在Android Studio中创建一个转盘(Wheel),包括转盘的旋转动画和选中项的回调。 首先,在XML布局文件中添加一个ImageView作为转盘的背景图像,并添加一个Button用于启动旋转动画。 ```xml <!-- activity_main.xml --> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context=".MainActivity"> <ImageView android:id="@+id/wheelImageView" android:layout_width="match_parent" android:layout_height="match_parent" android:scaleType="fitXY" android:src="@drawable/wheel_background" /> <Button android:id="@+id/spinButton" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:layout_alignParentBottom="true" android:text="Spin" /> </RelativeLayout> ``` 接下来,在Java代码中实现转盘的旋转动画和选中项的回调。 ```java // MainActivity.java import android.animation.Animator; import android.animation.AnimatorSet; import android.animation.ObjectAnimator; import android.os.Bundle; import android.view.View; import android.view.animation.AccelerateDecelerateInterpolator; import android.widget.Button; import android.widget.ImageView; import android.widget.Toast; import androidx.appcompat.app.AppCompatActivity; import java.util.Random; public class MainActivity extends AppCompatActivity { private ImageView wheelImageView; private Button spinButton; private boolean isSpinning = false; private String[] items = {"Item 1", "Item 2", "Item 3", "Item 4", "Item 5", "Item 6", "Item 7", "Item 8"}; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); wheelImageView = findViewById(R.id.wheelImageView); spinButton = findViewById(R.id.spinButton); spinButton.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { if (!isSpinning) { startWheelAnimation(); } } }); } private void startWheelAnimation() { Random random = new Random(); int degree = random.nextInt(360) + 3600; // 随机旋转 360~3960 度 ObjectAnimator rotateWheel = ObjectAnimator.ofFloat(wheelImageView, "rotation", 0f, degree); rotateWheel.setDuration(3000); rotateWheel.setInterpolator(new AccelerateDecelerateInterpolator()); rotateWheel.addListener(new Animator.AnimatorListener() { @Override public void onAnimationStart(Animator animation) { isSpinning = true; spinButton.setEnabled(false); } @Override public void onAnimationEnd(Animator animation) { isSpinning = false; spinButton.setEnabled(true); int selectedItemIndex = calculateSelectedItemIndex(degree); String selectedItem = items[selectedItemIndex]; Toast.makeText(MainActivity.this, "Selected: " + selectedItem, Toast.LENGTH_SHORT).show(); } @Override public void onAnimationCancel(Animator animation) { // Do nothing } @Override public void onAnimationRepeat(Animator animation) { // Do nothing } }); AnimatorSet animatorSet = new AnimatorSet(); animatorSet.playSequentially(rotateWheel); animatorSet.start(); } private int calculateSelectedItemIndex(int degree) { int itemAngle = 360 / items.length; int normalizedDegree = (degree + itemAngle / 2) % 360; return normalizedDegree / itemAngle; } } ``` 这是一个基本的示例代码,可以在Android Studio中运行并实现一个简单的转盘效果。你可以根据自己的需求进行修改和扩展。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值