Android自定义View实现抽奖转盘

本文实例为大家分享了Android自定义View实现抽奖转盘的具体代码,供大家参考,具体内容如下

public class LuckCircle extends SurfaceView implements SurfaceHolder.Callback,Runnable {

 private SurfaceHolder mHolder;

 private Canvas mCanvas;

 //用于绘制的线程

 private Thread mThread;

 //线程开关的控制

 private boolean isRunning;

 private String[] mStr = new String[]{"优惠券","十元话费","恭喜发财","恭喜发财","英雄皮肤","50M流量"};

 //物品的图片

 private int[] mImgs = new int[]{R.mipmap.ic_launcher,
 R.mipmap.ic_launcher,R.mipmap.ic_launcher,
 R.mipmap.ic_launcher,R.mipmap.ic_launcher,R.mipmap.ic_launcher};

 private int mItemCount = 6;

 //盘快的颜色

 private int[] mColor = new int[]{0xffffc300,0xFFD9B114,0xFFDC0B2E,0xFF5510A4,0xFF447C42,0xFFEC3636};

 //与图片对应的bitmap数组

 private Bitmap[] mImgBitmap;

 //整个盘块的范围

 private RectF mRange = new RectF();

 //整个盘块的直径

 private int mRadius;

 //绘制盘块的画笔

 private Paint mArcPaint;

 //绘制文本的画笔

 private Paint mTextPaint;

 //滚动速度

 private double mSpeed = 10;

 //绘制的角度

 private volatile int mStartAngle = 0;

 //判断是否点击了停止按钮

 private boolean isShouldEnd;

 //转盘的中心位置

 private int mCenter;

 //padding取四个padding中的最小值

 private int mPadding;

 //背景图

 //private Bitmap mBgBitmap = BitmapFactory.decodeResource(getResources(),R.mipmap.ic_launcher);

 private float mTextSize = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP,20,getResources().getDisplayMetrics());
 public LuckCircle(Context context) {
 this(context,null);
 }

 public LuckCircle(Context context, AttributeSet attrs) {
 super(context, attrs);
 mHolder = getHolder();
 mHolder.addCallback(this);
 // 可获得焦点
 setFocusable(true);
 setFocusableInTouchMode(true);
 // 设置常亮
 setKeepScreenOn(true);
 }

 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
 super.onMeasure(widthMeasureSpec, heightMeasureSpec);
 int width = Math.min(getMeasuredWidth(),getMeasuredHeight());

 mPadding = getPaddingLeft();

 mRadius = width - mPadding *2;

 mCenter = width / 2;
 setMeasuredDimension(width,width);
 }

 @Override
 public void surfaceCreated(SurfaceHolder holder) {
 // 初始化绘制盘块的画笔
 mArcPaint = new Paint();
 mArcPaint.setAntiAlias(true);
 mArcPaint.setDither(true);

 // 初始化绘制盘块的画笔
 mTextPaint = new Paint();
 mTextPaint.setColor(0XFF0B25CF);
 mTextPaint.setTextSize(mTextSize);

 // 初始化盘块绘制的范围
 mRange = new RectF(mPadding,mPadding,mPadding+mRadius,mPadding+mRadius);

 // 初始化图片
 mImgBitmap = new Bitmap[mItemCount];
 for (int i = 0; i < mImgBitmap.length; i++) {
 mImgBitmap[i] = BitmapFactory.decodeResource(getResources(),mImgs[i]);
 }
 isRunning = true;
 mThread = new Thread(this);
 mThread.start();
 }

 @Override
 public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {

 }

 @Override
 public void surfaceDestroyed(SurfaceHolder holder) {
 isRunning = false;

 }

 @Override
 public void run() {
 while(isRunning){
 long start = System.currentTimeMillis();
 draw();
 long end = System.currentTimeMillis();
 if (end - start < 50) {
 try {
 Thread.sleep(50 - (end - start));
 } catch (InterruptedException e) {
 e.printStackTrace();
 }
 }
 }
 }
 private void draw(){
 try {
 mCanvas = mHolder.lockCanvas();
 if (mCanvas != null) {
 // 绘制背景
 drawBackground();
 // 绘制盘块
 float tmpAngle = mStartAngle;
 float sweepAngle = 360 /mItemCount;
 for (int i = 0; i < mItemCount; i++) {
 mArcPaint.setColor(mColor[i]);
 // 绘制盘块
 mCanvas.drawArc(mRange,tmpAngle,sweepAngle,true,mArcPaint);

 // 绘制文本
 drawText(tmpAngle,sweepAngle,mStr[i]);
 // 绘制Icon
 drawIcon(tmpAngle,mImgBitmap[i]);
 tmpAngle += sweepAngle;
 }
 mStartAngle += mSpeed;
 // 如果点击了停止按钮
 if (isShouldEnd) {
 mSpeed -= 1;
 }
 if (mSpeed <= 0) {
 mSpeed = 0;
 isShouldEnd = false;
 }
 }
 }catch (Exception e){

 }finally {
 if (mCanvas != null) {
 // 释放Canvas
 mHolder.unlockCanvasAndPost(mCanvas);
 }
 }
 }

 //点击启动旋转

 public void luckyStart(){
 mSpeed = 50;
 isShouldEnd = false;
 }
 public void luckEnd(){
 isShouldEnd = true;
 }
 public boolean isStart(){
 return mSpeed != 0;
 }
 public boolean isShouldEnd(){
 return isShouldEnd;
 }

 //绘制Icon

 private void drawIcon(float tmpAngle, Bitmap bitmap) {
 // 设置图片的宽度为直径的1/8;
 int imgWidth = mRadius / 8;

 float angle = (float) ((tmpAngle + 360 / mItemCount / 2)* Math.PI/180);

 int x = (int) (mCenter + mRadius/2/2 * Math.cos(angle));
 int y = (int) (mCenter + mRadius/2/2 * Math.sin(angle));
 // 确定图片的位置
 Rect rect = new Rect(x - imgWidth/2, y - imgWidth/2, x + imgWidth/2, y + imgWidth/2);
 mCanvas.drawBitmap(bitmap,null,rect,null);

 }

 //绘制每个盘块的文本

 private void drawText(float tmpAngle, float sweepAngle, String s) {
 Path path = new Path();
 path.addArc(mRange,tmpAngle,sweepAngle);
 // 利用水平偏移量让文字居中
 float measureText = mTextPaint.measureText(s);
 int hOffset = (int) (mRadius * Math.PI/mItemCount/2 - measureText/2);
 int vOffset = mRadius /2/6;
 mCanvas.drawTextOnPath(s,path,hOffset,vOffset,mTextPaint);
 }

 private void drawBackground() {
 mCanvas.drawColor(0xFF696565);
 Paint paint = new Paint();
 paint.setColor(0xFFF94905);
 mCanvas.drawCircle(getWidth()/2,getHeight()/2,getWidth()/2,paint);

 }
}

效果图:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android实现抽奖转盘实例代码

    本文详述了android抽奖程序的实现方法,程序为一个抽奖大转盘代码,里面定义了很多图形方法和动画. 实现主要功能的SlyderView.java源代码如下: import android.app.Activity; import android.content.Context; import android.graphics.BlurMaskFilter; import android.graphics.Canvas; import android.graphics.Color; import

  • Android自定义view制作抽奖转盘

    本文实例为大家分享了Android自定义view制作抽奖转盘的具体代码,供大家参考,具体内容如下 效果图 TurntableActivity package com.bawei.myapplication.turntable; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.MotionEvent; import android.view.View; im

  • Android实现可点击的幸运大转盘

    之前的项目有一个幸运大转盘的功能,在网上找了很久,都没有合适的方法. 这是效果图,实现目标:十二星座的图片可点击切换选中效果,根据选择不同的星座,实现不同的 方法.之前网上的都是带有指针的,或者可点击改变效果,但是并不知道选择的到底是哪个,即虚拟选择. 实现该功能的主要代码如下: 1.自定义一个布局,存放图片,实现圆形布局. /** * * * CircleMenuLayout.java * * @author wuxiaosu * */ public class CircleMenuLayou

  • 基于Android实现转盘按钮代码

    先给大家展示下效果图: package com.lixu.circlemenu; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.widget.TextView; import android.widget.Toast; import com.lixu.circlemenu.view.CircleImageView; import com.lixu.ci

  • Android使用surfaceView自定义抽奖大转盘

    使用surfaceView自定义抽奖大转盘 话不多说,先上效果图 完整代码地址欢迎start 实现思路以及过程 1.首先了解SurfaceView的基本用法,它跟一般的View不太一样,采用的双缓存机制,可以在子线程中绘制View,不会因为绘制耗时而失去流畅性,这也是选择使用SurfaceView去自定义这个抽奖大转盘的原因,毕竟绘制这个转盘的盘块,奖项的图片和文字以及转动都是靠绘制出来的,是一个比较耗时的绘制过程. 2.使用SurfaceView的一般模板样式 一般会用到的成员变量 priva

  • Android自定义View实现QQ运动积分转盘抽奖功能

    因为偶尔关注QQ运动, 看到QQ运动的积分抽奖界面比较有意思,所以就尝试用自定义View实现了下,原本想通过开发者选项查看下界面的一些信息,后来发现积分抽奖界面是在WebView中展示的,应该是在H5页面中用js代码实现的,暂时不去管它了. 这里的自定义View针对的是继承自View的情况,你可以将Canvas想象为画板, Paint为画笔,自定义View的过程和在画板上用画笔作画其实类似,想象在画板上作画的过程,你要画一个多大图形(对应View的测量 onMeasure方法),你要画什么样的图

  • Android中利用SurfaceView制作抽奖转盘的全流程攻略

    一.概述 今天给大家带来SurfaceView的一个实战案例,话说自定义View也是各种写,一直没有写过SurfaceView,这个玩意是什么东西?什么时候用比较好呢? 可以看到SurfaceView也是继承了View,但是我们并不需要去实现它的draw方法来绘制自己,为什么呢? 因为它和View有一个很大的区别,View在UI线程去更新自己:而SurfaceView则在一个子线程中去更新自己:这也显示出了它的优势,当制作游戏等需要不断刷新View时,因为是在子线程,避免了对UI线程的阻塞. 知

  • Android自定义View实现抽奖转盘

    本文实例为大家分享了Android自定义View实现抽奖转盘的具体代码,供大家参考,具体内容如下 public class LuckCircle extends SurfaceView implements SurfaceHolder.Callback,Runnable { private SurfaceHolder mHolder; private Canvas mCanvas; //用于绘制的线程 private Thread mThread; //线程开关的控制 private boole

  • Android自定义view实现阻尼效果的加载动画

    效果: 需要知识: 1. 二次贝塞尔曲线 2. 动画知识 3. 基础自定义view知识 先来解释下什么叫阻尼运动 阻尼振动是指,由于振动系统受到摩擦和介质阻力或其他能耗而使振幅随时间逐渐衰减的振动,又称减幅振动.衰减振动.[1] 不论是弹簧振子还是单摆由于外界的摩擦和介质阻力总是存在,在振动过程中要不断克服外界阻力做功,消耗能量,振幅就会逐渐减小,经过一段时间,振动就会完全停下来.这种振幅随时间减小的振动称为阻尼振动.因为振幅与振动的能量有关,阻尼振动也就是能量不断减少的振动.阻尼振动是非简谐运

  • Android 自定义View 密码框实例代码

    暴露您view中所有影响可见外观的属性或者行为. •通过XML添加和设置样式 •通过元素的属性来控制其外观和行为,支持和重要事件交流的事件监听器 详细步骤见:Android 自定义View步骤 效果图展示: 支持的样式 可以通过XML定义影响外边和行为的属性如下 边框圆角值,边框颜色,分割线颜色,边框宽度,密码长度,密码大小,密码颜色 <declare-styleable name="PasswordInputView"> <attr name="borde

  • Android自定义View详解

    转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/24252901 很多的Android入门程序猿来说对于Android自定义View,可能都是比较恐惧的,但是这又是高手进阶的必经之路,所有准备在自定义View上面花一些功夫,多写一些文章.先总结下自定义View的步骤: 1.自定义View的属性 2.在View的构造方法中获得我们自定义的属性 [ 3.重写onMesure ] 4.重写onDraw 我把3用[]标出了,所以说3不一

  • Android自定义View中attrs.xml的实例详解

    Android自定义View中attrs.xml的实例详解 我们在自定义View的时候通常需要先完成attrs.xml文件 在values中定义一个attrs.xml 然后添加相关属性 这一篇先详细介绍一下attrs.xml的属性. <?xml version="1.0" encoding="utf-8"?> <resources> //自定义属性名,定义公共属性 <attr name="titleText" for

  • Android自定义View 仿QQ侧滑菜单的实现代码

    先看看QQ的侧滑效果 分析一下 先上原理图(不知道能否表达的清楚 ==) -首先这里使用了 Android 的HorizontalScrollView 水平滑动布局作为容器,当然我们需要继承它自定义一个侧滑视图 - 这个容器里面有一个父布局(一般用LinerLayout,本demo用的是),这个父布局里面有且只有两个子控件(布局),初始状态菜单页的位置在Y轴上存在偏移这样可以就可以形成主页叠在菜单页的上方的视觉效果:然后在滑动的过程程中 逐渐修正偏移,最后菜单页和主页并排排列.原理搞清了实现起来

  • Android自定义View绘制随机生成图片验证码

    本篇文章讲的是Android自定义View之随机生成图片验证码,开发中我们会经常需要随机生成图片验证码,但是这个是其次,主要还是想总结一些自定义View的开发过程以及一些需要注意的地方. 按照惯例先看看效果图: 一.先总结下自定义View的步骤: 1.自定义View的属性 2.在View的构造方法中获得我们自定义的属性 3.重写onMesure 4.重写onDraw 其中onMesure方法不一定要重写,但大部分情况下还是需要重写的 二.View 的几个构造函数 1.public CustomV

  • Android自定义View绘制的方法及过程(二)

    上一篇<Android 自定义View(一) Paint.Rect.Canvas介绍>讲了最基础的如何自定义一个View,以及View用到的一些工具类.下面讲下View绘制的方法及过程 public class MyView extends View { private String TAG = "--------MyView"; private int width, height; public MyView(Context context, AttributeSet a

  • Android自定义View实现等级滑动条的实例

     Android自定义View实现等级滑动条的实例 实现效果图: 思路: 首先绘制直线,然后等分直线绘制点: 绘制点的时候把X值存到集合中. 然后绘制背景图片,以及图片上的数字. 点击事件down的时候,换小图片为大图片.move的时候跟随手指移动. up的时候根据此时的X计算最近的集合中的点,然后自动吸附回去. 1,自定义属性 <?xml version="1.0" encoding="utf-8"?> <resources> <de

随机推荐