[Android][抽獎(jiǎng)轉(zhuǎn)盤]④---轉(zhuǎn)盤啟動(dòng)和停止

添加代碼

mStartAngle+=mSpeed;
//如果點(diǎn)擊了停止按鈕      
if(isShouldEnd){
     mSpeed-=1;
}
if(mSpeed<=0){
    mSpeed=0;
    isShouldEnd=false;
}
/**
  * 點(diǎn)擊啟動(dòng)旋轉(zhuǎn)
  */   
public void luckyStart()
{
    mSpeed=50;
    isShouldEnd=false;
}

public void luckyEnd(){
     isShouldEnd=true;
}

/**
  * 轉(zhuǎn)盤是否在旋轉(zhuǎn)
  * @return
*/
public boolean isStart(){
        return mSpeed!=0;
}

 public boolean isShouldEnd(){
        return isShouldEnd;
}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ffffffff" >
    <myapplication2.xt.com.myapplication2.LuckyPan
        android:layout_width="match_parent"
        android:padding="30dp"
        android:id="@+id/id_luckypan"
        android:layout_centerInParent="true"
        android:layout_height="match_parent" />

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/id_start_btn"
        android:layout_centerInParent="true"
        android:src="@mipmap/start"
        />
</RelativeLayout>

MainActivity.java

public class MainActivity extends AppCompatActivity {

    private LuckyPan mLuckPan;
    private ImageView mStartBtn;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mLuckPan= (LuckyPan) findViewById(R.id.id_luckypan);
        mStartBtn= (ImageView) findViewById(R.id.id_start_btn);

        mStartBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                if(!mLuckPan.isStart())
                {
                    mLuckPan.luckyStart();
                    mStartBtn.setImageResource(R.mipmap.stop);
                }else {
                    if(!mLuckPan.isShouldEnd())
                    {
                        mLuckPan.luckyEnd();
                        mStartBtn.setImageResource(R.mipmap.start);
                    }
                }
            }
        });
    }
}

LuckyPan完整代碼

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;
    /**
     * 線程的控制開關(guān)
     */
    private boolean isRunning;

    /**
     * 盤塊的獎(jiǎng)項(xiàng)
     */
    private String[] mStrs=new String[]{"單反相機(jī)","IPAD","恭喜發(fā)財(cái)","IPHONE","服裝一套","恭喜發(fā)財(cái)"};
    /**
     * 盤塊的圖片
     */
    private int[] mImgs=new int[]{R.mipmap.danfan, R.mipmap.ipad, R.mipmap.f040, R.mipmap.iphone, R.mipmap.meizi, R.mipmap.f040};
    /**
     * 與圖片對(duì)應(yīng)的bitmap數(shù)組
     */
    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區(qū)別:1司志、精度不一樣淮逻,Rect是使用int類型作為數(shù)值霜运,RectF是使用float類型作為數(shù)值
     2溉旋、兩個(gè)類型提供的方法也不是完全一致
     */
    private RectF mRange=new RectF();
    /**
     * 整個(gè)盤塊的直徑
     */
    private int mRadius;

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

    /**
     * 滾動(dòng)的速度
     */
    private double mSpeed=0;
    /**
     *
     * 可能有兩個(gè)線程操作
     * 保證線程間變量的可見性
     */
    private volatile int mStartAngle=0;
    /**
     * 是否點(diǎn)擊了停止按鈕
     */
    private boolean isShouldEnd;
    /**
     * 轉(zhuǎn)盤的中心位置
     */
    private int mCenter;
    /**
     * 這里我們的padding直接以paddingLeft為準(zhǔn)
     */
    private int mPadding;


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

    public LuckyPan(Context context, AttributeSet attrs) {
        super(context, attrs);
        mHolder=getHolder();
        mHolder.addCallback(this);
        //獲得焦點(diǎn)
        setFocusable(true);
        setFocusableInTouchMode(true);
        //設(shè)置常亮
        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;
        //中心點(diǎn)
        mCenter=width/2;
        setMeasuredDimension(width,width);
    }

    @Override
    public void surfaceCreated(SurfaceHolder surfaceHolder) {

        //初始化繪制盤塊的畫筆
        mArcPaint=new Paint();
        //防止邊緣的鋸齒
        mArcPaint.setAntiAlias(true);
        //設(shè)置遞色
        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() {
        //不斷進(jìn)行繪制
        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]);

                    //繪制盤塊
                    //繪制圓弧
                    //第一個(gè)參數(shù):繪制區(qū)域
                    //第二個(gè)參數(shù):起始角度
                    //第三個(gè)參數(shù):每個(gè)盤塊角度
                    //第三個(gè)參數(shù)(useCenter):要不要使用中間原點(diǎn)
                    //第四個(gè)參數(shù):畫筆
                    mCanvas.drawArc(mRange,tmpAngle,sweepAngle,true,mArcPaint);
                    //繪制文本
                    drawText(tmpAngle,sweepAngle,mStrs[i]);

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

                    tmpAngle+=sweepAngle;
                }
                mStartAngle+=mSpeed;

                //如果點(diǎn)擊了停止按鈕
                if(isShouldEnd){
                    mSpeed-=1;
                }
                if(mSpeed<=0){
                    mSpeed=0;
                    isShouldEnd=false;
                }
            }
        } catch (Exception e) {
        }finally {
            if(mCanvas!=null)
            {
                mHolder.unlockCanvasAndPost(mCanvas);
            }
        }
    }

    /**
     * 點(diǎn)擊啟動(dòng)旋轉(zhuǎn)
     */
    public void luckyStart()
    {
        mSpeed=50;
        isShouldEnd=false;
    }

    public void luckyEnd(){
        isShouldEnd=true;
    }

    /**
     * 轉(zhuǎn)盤是否在旋轉(zhuǎn)
     * @return
     */
    public boolean isStart(){
        return mSpeed!=0;
    }

    public boolean isShouldEnd(){
        return isShouldEnd;
    }

    /**
     * 繪制Icon
     * @param tmpAngle
     * @param bitmap
     */
    private void drawIcon(float tmpAngle, Bitmap bitmap) {
        //設(shè)置圖片的寬度為直徑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);
    }

    /**
     * 繪制每個(gè)盤塊的文本(弧形)
     * @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;

        //第三個(gè)參數(shù):水平偏移量
        //第四個(gè)參數(shù):垂直偏移量
        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
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市雁佳,隨后出現(xiàn)的幾起案子亚侠,更是在濱河造成了極大的恐慌软能,老刑警劉巖,帶你破解...
    沈念sama閱讀 223,126評(píng)論 6 520
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件慌闭,死亡現(xiàn)場(chǎng)離奇詭異别威,居然都是意外死亡躯舔,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,421評(píng)論 3 400
  • 文/潘曉璐 我一進(jìn)店門省古,熙熙樓的掌柜王于貴愁眉苦臉地迎上來粥庄,“玉大人,你說我怎么就攤上這事豺妓§撸” “怎么了?”我有些...
    開封第一講書人閱讀 169,941評(píng)論 0 366
  • 文/不壞的土叔 我叫張陵科侈,是天一觀的道長(zhǎng)载佳。 經(jīng)常有香客問我,道長(zhǎng)臀栈,這世上最難降的妖魔是什么蔫慧? 我笑而不...
    開封第一講書人閱讀 60,294評(píng)論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮权薯,結(jié)果婚禮上姑躲,老公的妹妹穿的比我還像新娘。我一直安慰自己盟蚣,他們只是感情好黍析,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,295評(píng)論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著屎开,像睡著了一般阐枣。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上奄抽,一...
    開封第一講書人閱讀 52,874評(píng)論 1 314
  • 那天蔼两,我揣著相機(jī)與錄音,去河邊找鬼逞度。 笑死额划,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的档泽。 我是一名探鬼主播俊戳,決...
    沈念sama閱讀 41,285評(píng)論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼馆匿!你這毒婦竟也來了抑胎?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,249評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤甜熔,失蹤者是張志新(化名)和其女友劉穎圆恤,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,760評(píng)論 1 321
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡盆昙,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,840評(píng)論 3 343
  • 正文 我和宋清朗相戀三年羽历,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片淡喜。...
    茶點(diǎn)故事閱讀 40,973評(píng)論 1 354
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡秕磷,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出炼团,到底是詐尸還是另有隱情澎嚣,我是刑警寧澤,帶...
    沈念sama閱讀 36,631評(píng)論 5 351
  • 正文 年R本政府宣布瘟芝,位于F島的核電站易桃,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏锌俱。R本人自食惡果不足惜晤郑,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,315評(píng)論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望贸宏。 院中可真熱鬧造寝,春花似錦、人聲如沸吭练。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,797評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽鲫咽。三九已至签赃,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間浑侥,已是汗流浹背姊舵。 一陣腳步聲響...
    開封第一講書人閱讀 33,926評(píng)論 1 275
  • 我被黑心中介騙來泰國打工晰绎, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留寓落,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,431評(píng)論 3 379
  • 正文 我出身青樓荞下,卻偏偏與公主長(zhǎng)得像伶选,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子尖昏,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,982評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,351評(píng)論 25 707
  • ¥開啟¥ 【iAPP實(shí)現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個(gè)線程仰税,因...
    小菜c閱讀 6,453評(píng)論 0 17
  • Java部分1.GC是什么? 為什么要有GC?GC是垃圾收集的意思(Gabage Collection),內(nèi)存處理...
    zzj丶閱讀 971評(píng)論 0 9
  • 你還有多少時(shí)間去丈量生活如何茍且的寬廣。 還有多少真心實(shí)意留在了你身旁抽诉。 既然都是匆匆過客陨簇,何必一往情深著倔...
    馬小跳兒閱讀 427評(píng)論 5 2
  • 一、本周堅(jiān)持下來做的好的地方: 1迹淌、早睡早起:基本保證在11點(diǎn)入睡河绽,早上5點(diǎn)半前起床己单。 有一天工作原因12點(diǎn)睡,早...
    renap閱讀 200評(píng)論 0 0