自定義View
/**
* function: 自定義抽獎(jiǎng)view
*/
public class PieView extends View {
private static final StringTAG = PieView.class.getSimpleName();
? ? private String[]mStrings =new String[]{"繼續(xù)加油", "保時(shí)捷911", "尷尬差點(diǎn)中獎(jiǎng)",
? ? ? ? ? ? "一輛自行車", "謝謝惠顧", "手表"};
? ? private int mCount =mStrings.length;
? ? // private int[] mImages = new int[]{R.drawable.iphone, R.drawable.danfan, R.drawable.f040, R.drawable.ipad, R.drawable.f015};
? ? private int[]mImages =new int[]{R.drawable.f040, R.drawable.f040,
? ? ? ? ? ? R.drawable.f015, R.drawable.f040, R.drawable.f015};
? ? private int[]sectorColor =new int[]{Color.parseColor("#ffcc00"), Color.parseColor("#ffe682")};
? ? /**
* 圖片
*/
? ? private Bitmap[]mBitmaps =new Bitmap[mStrings.length];
? ? /**
* 畫(huà)背景
*/
? ? private PaintmBgPaint;
? ? /**
* 繪制扇形
*/
? ? private PaintmArcPaint;
? ? /**
* 繪制文字
*/
? ? private PaintmTextPaint;
? ? /**
* 半徑
*/
? ? private int mRadius;
? ? /**
* 圓心坐標(biāo)
*/
? ? private int mCenter;
? ? /**
* 弧形的起始角度
*/
? ? private int startAngle;
? ? private int[]angles =new int[mCount];
? ? private float mTextSize = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SHIFT, 20, getResources().getDisplayMetrics());
? ? private RectFsectorRectF;
? ? /**
* 弧形劃過(guò)的角度
*/
? ? private int sweepAngle;
? ? /**
* 下標(biāo)
*/
? ? private int position;
? ? private ObjectAnimatoranimator;
? ? private RotateListenerlistener;
? ? private int rotateToPosition;
? ? public PieView(Context context) {
this(context, null);
? ? }
public PieView(Context context, @Nullable AttributeSet attrs) {
this(context, attrs, 0);
? ? }
public PieView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
? ? ? ? init();
? ? }
@Override
? ? protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
int w = MeasureSpec.getSize(widthMeasureSpec);
? ? ? ? int h = MeasureSpec.getSize(heightMeasureSpec);
? ? ? ? int width = Math.min(w, h);
? ? ? ? mCenter = width /2;
? ? ? ? //半徑
? ? ? ? mRadius = (width - getPaddingLeft() *2) /2;
? ? ? ? //設(shè)置框高都一樣
? ? ? ? setMeasuredDimension(width, width);
? ? }
/**
* 初始化
*/
? ? private void init() {
mBgPaint =new Paint(Paint.ANTI_ALIAS_FLAG);
? ? ? ? mBgPaint.setColor(Color.parseColor("#FF4500"));
? ? ? ? mArcPaint =new Paint(Paint.ANTI_ALIAS_FLAG);
? ? ? ? mTextPaint =new Paint(Paint.ANTI_ALIAS_FLAG);
? ? ? ? mTextPaint.setColor(Color.BLACK);
? ? ? ? mTextPaint.setTextSize(mTextSize);
? ? ? ? for (int i =0; i
mBitmaps[i] = BitmapFactory.decodeResource(getResources(), mImages[i %5]);
? ? ? ? }
}
@Override
? ? public boolean onTouchEvent(MotionEvent event) {
if (event.getAction() == MotionEvent.ACTION_DOWN) {
float x = (event.getX() -mCenter);
? ? ? ? ? ? float y = (event.getY() -mCenter);
? ? ? ? ? ? float touchAngle =0;
? ? ? ? ? ? int touchRadius =0;
? ? ? ? ? ? //判斷點(diǎn)擊的范圍是否在轉(zhuǎn)盤(pán)內(nèi)
? ? ? ? ? ? if (x <0 && y >0) {//第二象限
? ? ? ? ? ? ? ? touchAngle +=180;
? ? ? ? ? ? }else if (x <0 && y <0) {//第三象限
? ? ? ? ? ? ? ? touchAngle +=180;
? ? ? ? ? ? }else if (x >0 && y <0) {//第四象限
? ? ? ? ? ? ? ? touchAngle +=360;
? ? ? ? ? ? }
//Math.atan(y/x) 返回正數(shù)值表示相對(duì)于 x 軸的逆時(shí)針轉(zhuǎn)角，返回負(fù)數(shù)值則表示順時(shí)針轉(zhuǎn)角。
// 返回值乘以 180/π，將弧度轉(zhuǎn)換為角度。
? ? ? ? ? ? touchAngle += (float) Math.toDegrees(Math.atan(y / x));
? ? ? ? ? ? touchRadius = (int) Math.sqrt(x * x + y * y);
? ? ? ? ? ? if (touchRadius
position = -Arrays.binarySearch(angles, (int) touchAngle) -1;
? ? ? ? ? ? ? ? Log.d(TAG, "onTouchEvent: " +mStrings[position -1]);
? ? ? ? ? ? }
return true;
? ? ? ? }
return super.onTouchEvent(event);
? ? }
@Override
? ? protected void onDraw(Canvas canvas) {
//1.繪制背景
? ? ? ? canvas.drawCircle(mCenter, mCenter, mCenter - getPaddingLeft() /2, mBgPaint);
? ? ? ? //2.繪制扇形
//2.1設(shè)置每一個(gè)扇形的角度
? ? ? ? sweepAngle =360 /mCount;
? ? ? ? startAngle =0;
? ? ? ? //2.2設(shè)置扇形繪制的范圍
? ? ? ? sectorRectF =new RectF(getPaddingLeft(), getPaddingLeft(),
? ? ? ? ? ? ? ? mCenter *2 - getPaddingLeft(), mCenter *2 - getPaddingLeft());
? ? ? ? for (int i =0; i
mArcPaint.setColor(sectorColor[i %2]);
? ? ? ? ? ? //sectorRectF 扇形繪制范圍? startAngle 弧開(kāi)始繪制角度 sweepAngle 每次繪制弧的角度
// useCenter 是否連接圓心
? ? ? ? ? ? canvas.drawArc(sectorRectF, startAngle, sweepAngle, true, mArcPaint);
? ? ? ? ? ? //3.繪制文字
? ? ? ? ? ? drawTexts(canvas, mStrings[i]);
? ? ? ? ? ? //4.繪制圖片
? ? ? ? ? ? drawIcons(canvas, mBitmaps[i]);
? ? ? ? ? ? angles[i] =startAngle;
? ? ? ? ? ? Log.d(TAG, "onDraw: " +angles[i] +"? ? " + i);
? ? ? ? ? ? startAngle +=sweepAngle;
? ? ? ? }
super.onDraw(canvas);
? ? }
/**
* 以二分之一的半徑的長(zhǎng)度，扇形的一半作為圖片的中心點(diǎn)
* 圖片的寬度為imageWidth
*
? ? * @param canvas
? ? * @param mBitmap
? ? */
? ? private void drawIcons(Canvas canvas, Bitmap mBitmap) {
int imageWidth =mRadius /10;
? ? ? ? //計(jì)算半邊扇形的角度 度=Math.PI/180 弧度=180/Math.PI
? ? ? ? float angle = (float) ((startAngle +sweepAngle /2) * Math.PI /180);
? ? ? ? //計(jì)算中心點(diǎn)的坐標(biāo)
? ? ? ? int r =mRadius /2;
? ? ? ? float x = (float) (mCenter + r * Math.cos(angle));
? ? ? ? float y = (float) (mCenter + r * Math.sin(angle));
? ? ? ? //設(shè)置繪制圖片的范圍
? ? ? ? RectF rectF =new RectF(x - imageWidth, y - imageWidth, x + imageWidth, y + imageWidth);
? ? ? ? canvas.drawBitmap(mBitmap, null, rectF, null);
? ? }
/**
* 使用path添加一個(gè)路徑
* 繪制文字的路徑
*
? ? * @param canvas
? ? * @param mString
? ? */
? ? private void drawTexts(Canvas canvas, String mString) {
Path path =new Path();
? ? ? ? //添加一個(gè)圓弧的路徑
? ? ? ? path.addArc(sectorRectF, startAngle, sweepAngle);
? ? ? ? String startText =null;
? ? ? ? String endText =null;
? ? ? ? //測(cè)量文字的寬度
? ? ? ? float textWidth =mTextPaint.measureText(mString);
? ? ? ? //水平偏移
? ? ? ? int hOffset = (int) (mRadius *2 * Math.PI /mCount /2 - textWidth /2);
? ? ? ? //計(jì)算弧長(zhǎng) 處理文字過(guò)長(zhǎng)換行
? ? ? ? int l = (int) ((360 /mCount) * Math.PI *mRadius /180);
? ? ? ? if (textWidth > l *4 /5) {
int index = mString.length() /2;
? ? ? ? ? ? startText = mString.substring(0, index);
? ? ? ? ? ? endText = mString.substring(index, mString.length());
? ? ? ? ? ? float startTextWidth =mTextPaint.measureText(startText);
? ? ? ? ? ? float endTextWidth =mTextPaint.measureText(endText);
? ? ? ? ? ? //水平偏移
? ? ? ? ? ? hOffset = (int) (mRadius *2 * Math.PI /mCount /2 - startTextWidth /2);
? ? ? ? ? ? int endHOffset = (int) (mRadius *2 * Math.PI /mCount /2 - endTextWidth /2);
? ? ? ? ? ? //文字高度
? ? ? ? ? ? int h = (int) ((mTextPaint.ascent() +mTextPaint.descent()) *1.5);
? ? ? ? ? ? //根據(jù)路徑繪制文字
//hOffset 水平的偏移量 vOffset 垂直的偏移量
? ? ? ? ? ? canvas.drawTextOnPath(startText, path, hOffset, mRadius /6, mTextPaint);
? ? ? ? ? ? canvas.drawTextOnPath(endText, path, endHOffset, mRadius /6 - h, mTextPaint);
? ? ? ? }else {
//根據(jù)路徑繪制文字
? ? ? ? ? ? canvas.drawTextOnPath(mString, path, hOffset, mRadius /6, mTextPaint);
? ? ? ? }
}
public void rotate(final int i) {
rotateToPosition =360 /mCount * (mCount - i);
? ? ? ? float toDegree =360f *5 +rotateToPosition;
? ? ? ? animator = ObjectAnimator.ofFloat(PieView.this, "rotation", 0, toDegree);
? ? ? ? animator.setDuration(5000);
? ? ? ? animator.setRepeatCount(0);
? ? ? ? animator.setInterpolator(new DecelerateInterpolator());
? ? ? ? animator.setAutoCancel(true);
? ? ? ? animator.start();
? ? ? ? animator.addListener(new Animator.AnimatorListener() {
@Override
? ? ? ? ? ? public void onAnimationStart(Animator animation) {
}
@Override
? ? ? ? ? ? public void onAnimationEnd(Animator animation) {
//指針指向的方向?yàn)?70度
? ? ? ? ? ? ? ? if (listener !=null) {
rotateToPosition =270 -rotateToPosition;
? ? ? ? ? ? ? ? ? ? if (rotateToPosition <0) {
rotateToPosition +=360;
? ? ? ? ? ? ? ? ? ? }else if (rotateToPosition ==0) {
rotateToPosition =270;
? ? ? ? ? ? ? ? ? ? }
position = -Arrays.binarySearch(angles, rotateToPosition) -1;
? ? ? ? ? ? ? ? ? ? listener.value(mStrings[position -1]);
? ? ? ? ? ? ? ? }
}
@Override
? ? ? ? ? ? public void onAnimationCancel(Animator animation) {
}
@Override
? ? ? ? ? ? public void onAnimationRepeat(Animator animation) {
}
});
? ? }
public void setListener(RotateListener listener) {
this.listener = listener;
? ? }
public void setValue(String v1, String v2) {
//? ? ? ? for (int i = 0; i < 10; i++) {
//? ? ? ? ? ? if(i==0||i==2||i==4||i==7){
//? ? ? ? ? ? ? ? mStrings[i]=v2;
//? ? ? ? ? ? }else {
//? ? ? ? ? ? ? ? mStrings[i]=v1;
//? ? ? ? ? ? }
//? ? ? ? }
? ? }
public interface RotateListener {
void value(String s);
? ? }
activity
/**
* Created by :cyd
* Time 2018/10/18
* on: 抽獎(jiǎng)界面
*/
public class LuckActivity extends BaseActivity {
private ImageView imageView;
? ? private PieView pieView;
? ? private boolean isRunning =false;
? ? private int[]i =new int[]{0, 1, 2, 3, 4, 5};
? ? @Override
? ? protected int setLayout() {
return R.layout.activity_luck;
? ? }
@Override
? ? protected void initView() {
imageView = findViewById(R.id.image);
? ? ? ? pieView = findViewById(R.id.zpan);
? ? ? ? Intent intent = getIntent();
? ? ? ? pieView.setValue(intent.getStringExtra("k1"), intent.getStringExtra("k2"));
? ? ? ? pieView.setListener(new PieView.RotateListener() {
@Override
? ? ? ? ? ? public void value(String s) {
isRunning =false;
? ? ? ? ? ? ? ? String text ="";
? ? ? ? ? ? ? ? if (s.equals("一輛自行車")) {
text ="跳轉(zhuǎn)到領(lǐng)取自行車界面";
? ? ? ? ? ? ? ? }else if (s.equals("手表")) {
text ="跳轉(zhuǎn)到領(lǐng)取手表界面";
? ? ? ? ? ? ? ? }else if (s.equals("保時(shí)捷911")) {
text ="跳轉(zhuǎn)到領(lǐng)取911界面";
? ? ? ? ? ? ? ? }else {
text = s;
? ? ? ? ? ? ? ? }
new AlertDialog.Builder(LuckActivity.this)
.setTitle("抽獎(jiǎng)結(jié)果")
.setMessage(text)
.setIcon(R.drawable.f015)
.setNegativeButton("退出", null)
.show();
? ? ? ? ? ? }
});
? ? ? ? imageView.setOnClickListener(new View.OnClickListener() {
@Override
? ? ? ? ? ? public void onClick(View v) {
if (!isRunning) {
Random random =new Random();
? ? ? ? ? ? ? ? ? ? pieView.rotate(i[random.nextInt(5)]);
//? ? ? ? ? ? ? ? ? ? pieView.rotate(0);
? ? ? ? ? ? ? ? }
isRunning =true;
? ? ? ? ? ? }
});
? ? }
@Override
? ? protected void getData() {
}
}
xml
效果圖
