在這里將頭兩篇做了一個(gè)整合，兩個(gè)自定義View變成了一個(gè)自定義View
Android 自定義View 抽獎(jiǎng)大轉(zhuǎn)盤(1)
Android 自定義View 抽獎(jiǎng)大轉(zhuǎn)盤(2)
項(xiàng)目github鏈接 https://github.com/yukunkun/RotateView
鎮(zhèn)樓圖
S771011-14425058.jpg
主要是將外圍的圓環(huán)在內(nèi)部設(shè)置，增加了轉(zhuǎn)盤中間的點(diǎn)擊事件，部分修改如下
//大圓
canvas.drawCircle(MinValue/2,MinValue/2,radius,backgroundPaint);
圓的繪制
//繪制中間的圖
Bitmap bitmap = BitmapFactory.decodeResource(context.getResources(), R.mipmap.node);
mRect = new Rect(MinValue/2-bitmap.getWidth()/2,MinValue/2-bitmap.getHeight()/2,MinValue/2+bitmap.getWidth()/2,MinValue/2+bitmap.getHeight()/2);
canvas.drawBitmap(bitmap,null, mRect, null);
drawSmallCircle(canvas,isYellow,MinValue);
小圓
private void drawSmallCircle(Canvas canvas, boolean FirstYellow, int minValue) {
//位置要在內(nèi)部，每次的半徑相應(yīng)的變短一點(diǎn)
int pointDistance = radius - Util.dip2px(context,9);
//每次增加20度，也就是能夠得到18個(gè)點(diǎn)
for(int i=0;i<=360;i+=20){
//每次獲取到圓心的位置，由i控制位置
int x = (int) (pointDistance * Math.sin(Util.change(i))) + minValue/2;
int y = (int) (pointDistance * Math.cos(Util.change(i))) + minValue/2;
//兩個(gè)不同顏色圓
if(FirstYellow)
canvas.drawCircle(x,y,Util.dip2px(context,4),yellowPaint);
else
canvas.drawCircle(x,y,Util.dip2px(context,4),whitePaint);
FirstYellow = !FirstYellow;
}
}
這些方法被抽離出來(lái)了，圓盤的內(nèi)圓半徑有變化，每個(gè)圖片的定位有點(diǎn)變化
初始化半徑時(shí)變小了
//內(nèi)邊距
final int paddingLeft = getPaddingLeft()+Util.dip2px(context,ringLength);
final int paddingRight = getPaddingRight()-Util.dip2px(context,ringLength);
final int paddingTop = getPaddingTop()+Util.dip2px(context,ringLength);
final int paddingBottom = getPaddingBottom()-Util.dip2px(context,ringLength);
初始化圖片的中心位置，有點(diǎn)偏移，否者位置不對(duì)，有點(diǎn)遮擋文字
//確定圖片在圓弧中 中心點(diǎn)的位置
float x = (float) (xx + (mRadius /2 + mRadius/12-Util.dip2px(context,ringLength))* Math.cos(angle));
float y = (float) (yy + (mRadius /2 +mRadius/12-Util.dip2px(context,ringLength)) * Math.sin(angle));
下面是點(diǎn)擊中間的圖片的觸摸事件
/**
* 點(diǎn)擊事件，點(diǎn)擊中心就開始動(dòng)畫
* @param event
* @return
*/
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()){
case MotionEvent.ACTION_DOWN:
float x = event.getX();
float y = event.getY();
//點(diǎn)擊了中間位置
if(x>mRect.left&&x<mRect.right&&y>mRect.top&&y<mRect.bottom){
startAnimation(pos);
}
break;
case MotionEvent.ACTION_MOVE:
break;
}
return super.onTouchEvent(event);
}
