[Android][抽奖转盘]③---绘制转盘图片

Paste_Image.png
Paste_Image.png
 /**
     * 绘制Icon
     * @param tmpAngle
     * @param bitmap
     */
    private void drawIcon(float tmpAngle, Bitmap bitmap) {
        //设置图片的宽度为直径1/8
        int imgWidth=mRadius/8;

        //PI/180 ->一度
        //angle弧度值
        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,y+imgWidth/2);
        mCanvas.drawBitmap(bitmap,null,rect,null);
    }

package myapplication3.xt.com.myapplication;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.Rect;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.util.TypedValue;
import android.view.SurfaceHolder;
import android.view.SurfaceView;

/**
 * Created by TONG on 2017/3/22.
 */

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

    private SurfaceHolder mHolder;
    private Canvas mCanvas;
    /**
     * 用于绘制的线程
     */
    private Thread t;
    /**
     * 线程的控制开关
     */
    private boolean isRunning;

    /**
     * 盘块的奖项
     */
    private String[] mStrs=new String[]{"单反相机","IPAD","恭喜发财","IPHONE","服装一套","恭喜发财"};
    /**
     * 盘块的图片
     */
    private int[] mImgs=new int[]{R.mipmap.danfan, R.mipmap.ipad, R.mipmap.f040, R.mipmap.iphone, R.mipmap.meizi, R.mipmap.f040};
    /**
     * 与图片对应的bitmap数组
     */
    private Bitmap[] mImgBitmap;

    private Bitmap mBigBitmap= BitmapFactory.decodeResource(getResources(),R.mipmap.bg2);

    /**
     * 盘块的颜色
     */
        private int[] mColors =new int[]{0XFFFFC300, 0XFFF17E01, 0XFFFFC300, 0XFFF17E01, 0XFFFFC300, 0XFFF17E01
    };

    private int mItemCount=6;

    /**
     * 绘制盘块的画笔
     */
    private Paint mArcPaint;
    /**
     * 绘制文本的画笔
     */
    private Paint mTextPaint;

    /**
     * 盘块的背景图
     * RectF与Rect区别:1、精度不一样,Rect是使用int类型作为数值,RectF是使用float类型作为数值
     2、两个类型提供的方法也不是完全一致
     */
    private RectF mRange=new RectF();
    /**
     * 整个盘块的直径
     */
    private int mRadius;

    /**
     * 文字大小 20sp
     */
    private float mTextSize= TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP,20,getResources().getDisplayMetrics());

    /**
     * 滚动的速度
     */
    private double mSpeed;
    /**
     *
     * 可能有两个线程操作
     * 保证线程间变量的可见性
     */
    private volatile int mStartAngle=0;
    /**
     * 是否点击了停止按钮
     */
    private boolean isShouldEnd;
    /**
     * 转盘的中心位置
     */
    private int mCenter;
    /**
     * 这里我们的padding直接以paddingLeft为准
     */
    private int mPadding;


    public LuckyPan(Context context) {
        this(context,null);
    }

    public LuckyPan(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 surfaceHolder) {

        //初始化绘制盘块的画笔
        mArcPaint=new Paint();
        //防止边缘的锯齿
        mArcPaint.setAntiAlias(true);
        //设置递色
        mArcPaint.setDither(true);

        //初始化绘制文本的画笔
        mTextPaint=new Paint();
        mTextPaint.setColor(0xffffffff);
        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;
        t=new Thread(this);
        t.start();
    }

    @Override
    public void surfaceChanged(SurfaceHolder surfaceHolder, int i, int i1, int i2) {

    }

    @Override
    public void surfaceDestroyed(SurfaceHolder surfaceHolder) {
        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){
                //绘制背景
                drawBg();
                //绘制盘块
                float tmpAngle=mStartAngle;
                float sweepAngle=360/mItemCount;

                for(int i=0;i<mItemCount;i++)
                {
                    mArcPaint.setColor(mColors[i]);

                    //绘制盘块
                    //绘制圆弧
                    //第一个参数:绘制区域
                    //第二个参数:起始角度
                    //第三个参数:每个盘块角度
                    //第三个参数(useCenter):要不要使用中间原点
                    //第四个参数:画笔
                    mCanvas.drawArc(mRange,tmpAngle,sweepAngle,true,mArcPaint);
                    //绘制文本
                    drawText(tmpAngle,sweepAngle,mStrs[i]);

                    //绘制Icon
                    drawIcon(tmpAngle,mImgBitmap[i]);

                    tmpAngle+=sweepAngle;
                }

            }
        } catch (Exception e) {
        }finally {
            if(mCanvas!=null)
            {
                mHolder.unlockCanvasAndPost(mCanvas);
            }
        }
    }

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

        //PI/180 ->一度
        //angle弧度值
        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,y+imgWidth/2);
        mCanvas.drawBitmap(bitmap,null,rect,null);
    }

    /**
     * 绘制每个盘块的文本(弧形)
     * @param tmpAngle
     * @param sweepAngle
     * @param mStr
     */
    private void drawText(float tmpAngle, float sweepAngle, String mStr) {
        Path path=new Path();
        path.addArc(mRange,tmpAngle,sweepAngle);

        float textWidth=mTextPaint.measureText(mStr);
        //水平偏移量 mRadius是直径
        int hOffset= (int) (mRadius*Math.PI/mItemCount/2-textWidth/2);
        //垂直偏移量
        int vOffset=mRadius/2/6;

        //第三个参数:水平偏移量
        //第四个参数:垂直偏移量
        mCanvas.drawTextOnPath(mStr,path,hOffset,vOffset,mTextPaint);
    }

    /**
     * 绘制背景
     */
    private void drawBg() {
        mCanvas.drawColor(0xFFFFFFFF);
        mCanvas.drawBitmap(mBigBitmap,null,
                new Rect(mPadding/2,mPadding/2,getMeasuredWidth()-mPadding/2,
                        getMeasuredHeight()-mPadding/2),null);
    }
}

Paste_Image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,348评论 6 491
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,122评论 2 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 156,936评论 0 347
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,427评论 1 283
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,467评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,785评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,931评论 3 406
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,696评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,141评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,483评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,625评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,291评论 4 329
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,892评论 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,741评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,977评论 1 265
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,324评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,492评论 2 348

推荐阅读更多精彩内容