添加代碼
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