1. 程式人生 > >自定義View中的大轉盤和拖動的小球

自定義View中的大轉盤和拖動的小球

public class ZPView2 extends View implements View.OnClickListener {
//文字內容
private String[] contents=new String[]{“美 食”, “購 物”, “商 場”, “豐 滿”, “性 感”, “知 性”};
//轉盤顏色
private int[] colors=new int[]{Color.parseColor("#8EE5EE"), Color.parseColor("#FFD700"), Color.parseColor("#FFD39B"), Color.parseColor("#FF8247"), Color.parseColor("#FF34B3")};
//寬高
private int mWidth;
private Context Mcontext;
//初始字型
private String mStr=“開始”;
//初始化畫筆
private Paint mPaint;
public ZPView2(Context context, AttributeSet attrs) {
super(context, attrs);
Mcontext=context;
mPaint=new Paint();
//新增點選事件
setOnClickListener(this);
}

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
   // super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    setMeasuredDimension(800,800);
    //得到測量後的寬和高
    mWidth=getMeasuredWidth();

}

//開始繪製
@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);

    //因為要畫扇形 裡面有個RectF
    //因為那個園其實是佔全屏的,所以我這個RectF的空間也是全屏
    RectF rectF = new RectF(0, 0, mWidth, mWidth);
    mPaint.setStyle(Paint.Style.FILL);
    for (int i=0;i<colors.length;i++){
        mPaint.setColor(colors[i]);
        int startjd=i*60;
        canvas.drawArc(rectF,startjd,60,true,mPaint);
    }

//設定畫筆顏色
mPaint.setColor(Color.BLACK);
mPaint.setTextSize(40);
for (int i=0;i<contents.length;i++){
int startJd=i*60;
Path path = new Path();
path.addArc(rectF,startJd,60);
canvas.drawTextOnPath(contents[i],path,150,150,mPaint);
}
//裡面繪製的小圓
mPaint.setColor(Color.RED);
mPaint.setTextSize(30);
canvas.drawCircle(mWidth/2,mWidth/2,80,mPaint);

    mPaint.setColor(Color.BLACK);
    mPaint.setTextSize(30);
    Rect rect = new Rect();
    mPaint.getTextBounds(mStr, 0, mStr.length(), rect);
    int width = rect.width();
    int height = rect.height();
    canvas.drawText(mStr, mWidth / 2 - width / 2, mWidth / 2 + height / 2, mPaint);

   // canvas.drawLine(0,0,mWidth/2 ,mWidth/2 ,mPaint);
}

@Override
public void onClick(View v) {
    Random random = new Random();
    int jd = random.nextInt(1000);
    int du = jd % 360 + 1000;
    RotateAnimation rotateAnimation = new RotateAnimation(du, jd, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
    rotateAnimation.setFillAfter(true);
    rotateAnimation.setDuration(3000);
    rotateAnimation.setRepeatMode(0);
    rotateAnimation.setInterpolator(new LinearInterpolator());

   // startAnimation(rotateAnimation);
    startAnimation(rotateAnimation);
}

}
public class BallView extends View {

private Paint paint;
Context context;

//圓的初始位置座標
private int x = 38;
private int y = 38;
private int radius = 35;    //圓半徑

public BallView(Context context, AttributeSet attrs) {
    super(context, attrs);
    this.context = context;
}

//實現onDraw()方法繪圖操作
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);

    //用canvas將螢幕設為白色
    canvas.drawColor(Color.WHITE);

    //設定畫筆顏色為紅色
    paint = new Paint();
    paint.setColor(Color.RED);

    //設定消除鋸齒
    paint.setAntiAlias(true);
    //使用畫筆繪製圓為小球
    //x :圓心的x座標
    //y :圓心的y座標
    //radius :圓的半徑
    //paint :畫筆
    canvas.drawCircle(x, y, radius, paint);
}

//實現onTouchEvent方法,處理觸控事件
@Override
public boolean onTouchEvent(MotionEvent event) {
    //判斷觸控點
    switch (event.getAction()) {
        //實現MotionEvent.ACTION_DOWN,記錄按下的x,y座標:getRawX()和getRawY()獲得的是相對螢幕的位置
        case MotionEvent.ACTION_DOWN:
            x = (int) event.getX();
            y = (int) event.getY();
            System.out.println("按下時:  " + "x座標:" + event.getRawX() + "     " + "y座標:" + event.getRawY());

            //實現MotionEvent.ACTION_MOVE 記錄移動的x,y座標:getRawX()和getRawY()獲得的是相對螢幕的位置
        case MotionEvent.ACTION_MOVE:
            x = (int) event.getX();
            y = (int) event.getY();
            System.out.println("移動時:  " + "x座標:" + event.getRawX() + "     " + "y座標:" + event.getRawY());

            //實現MotionEvent.ACTION_UP 記錄擡起的x,y座標
        case MotionEvent.ACTION_UP:
            // 獲取當前觸控點的x,y座標,為X軸和Y軸座標重新賦值:getX()和getY()獲得的永遠是view的觸控位置座標
            x = (int) event.getX();
            y = (int) event.getY();
            System.out.println("擡起時:  " + "x座標:" + event.getRawX() + "     " + "y座標:" + event.getRawY());
            break;
    }

    //獲取螢幕寬高
    WindowManager manager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
    int width = manager.getDefaultDisplay().getWidth();
    int height = manager.getDefaultDisplay().getHeight();

    //修正圓點座標,重新繪製圓 ,控制小球不會被移出螢幕
    if (x >= 18 && y >= 18 && x <= width - 18 && y <= height - 18) {
        /**
         *  Android提供了Invalidate方法實現介面重新整理,但是Invalidate不能直接線上程中呼叫,因為他是違背了單執行緒模型:
         1. Android UI操作並不是執行緒安全的,並且這些操作必須在UI執行緒中呼叫。
            invalidate()是用來重新整理View的,必須是在UI執行緒中進行工作。比如在修改某個view的顯示時,呼叫invalidate()才能看到重新繪製的介面。invalidate()的呼叫是把之前的舊的view從主UI執行緒佇列中pop掉。
         2.Android 程式預設情況下也只有一個程序,但一個程序下卻可以有許多個執行緒。在這麼多執行緒當中,把主要是負責控
         制UI介面的顯示、更新和控制元件互動的執行緒稱為UI執行緒,由於onCreate()方法是由UI執行緒執行的,所以也可以把UI執行緒理解
         為主執行緒。其餘的執行緒可以理解為工作者執行緒。invalidate()得在UI執行緒中被調動,在工作者執行緒中可以通過Handler來通
         知UI執行緒進行介面更新。而postInvalidate()在工作者執行緒中被呼叫。
         */
        //使用 postInvalidate()方法實現重繪小球,跟隨手指移動

// postInvalidate();
postInvalidate();
}
/*
* 備註:此處一定要將return super.onTouchEvent(event)修改為return true,原因是:
* 1)父類的onTouchEvent(event)方法可能沒有做任何處理,但是返回了false。
* 2)一旦返回false,在該方法中再也不會收到MotionEvent.ACTION_MOVE及MotionEvent.ACTION_UP事件。
*/
//return super.onTouchEvent(event);
return true;
}
}