android graphics畫圖的點擊事件處理

這個示例可能在項目中不會遇到，我也不知道用來做什麼，但還是寫出來了，希望給大家一些提示。

package com.jacp.test; import android.app.Activity; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.Rect; import android.graphics.RectF; import android.os.Bundle; import android.util.DisplayMetrics; import android.view.MotionEvent; import android.view.View; import android.widget.Toast; public class DrawSimpleCircle extends Activity { public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); DisplayMetrics metrics = new DisplayMetrics(); this.getWindowManager().getDefaultDisplay().getMetrics(metrics); // 屏幕的分辨率 int width = metrics.widthPixels; int height = metrics.heightPixels; setContentView(new MyCircle(this, width, height)); } class MyCircle extends View { private Context context; /** * 屏幕的寬 */ private int width; /** * 屏幕的高 */ private int height; /** * 顏色區分區域 */ private int[] colors = new int[] { Color.BLACK, Color.BLUE, Color.CYAN, Color.GREEN, Color.GRAY, Color.MAGENTA, Color.RED, Color.LTGRAY}; private String[] colorStrs = new String[] { "黑色", "藍色", "青綠色", "綠色", "灰色", "洋紅色", "紅色", "淺灰色"}; /** * 大園半徑 */ private float bigR; /** * 小圓半徑 */ private float litterR; /** * 屏幕中間點的X座標 */ private float centerX; /** * 屏幕中間點的Y座標 */ private float centerY; public MyCircle(Context context, int width, int height) { super(context); this.context = context; this.width = width; this.height = height; setFocusable(true); System.out.println("width="+width+"<---->height="+height); // 設置兩個圓的半徑 bigR = (width - 20)/2; litterR = bigR/2; centerX = width/2; centerY = height/2; } @Override protected void onDraw(Canvas canvas) { // 畫背景顏色 Paint bg = new Paint(); bg.setColor(Color.WHITE); Rect bgR = new Rect(0, 0, width, height); canvas.drawRect(bgR, bg); float start = 0F; Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG); for(int i = 0; i < 4; i ++) { //注意一定要先畫大圓，再畫小圓，不然看不到效果，小圓在下面會被大圓覆蓋 // 畫大圓 RectF bigOval = new RectF(centerX - bigR, centerY - bigR, centerX + bigR, centerY + bigR); paint.setColor(colors[i]); canvas.drawArc(bigOval, start, 90, true, paint); // 畫小圓 RectF litterOval = new RectF(centerX - litterR, centerY - litterR, centerX + litterR, centerY + litterR); paint.setColor(colors[i+2]); canvas.drawArc(litterOval, start, 90, true, paint); start += 90F; } super.onDraw(canvas); } @Override public boolean onTouchEvent(MotionEvent event) { // 獲取點擊屏幕時的點的座標 float x = event.getX(); float y = event.getY(); whichCircle(x, y); return super.onTouchEvent(event); } /** * 確定點擊的點在哪個圓內 * @param x * @param y */ private void whichCircle(float x, float y) { // 將屏幕中的點轉換成以屏幕中心爲原點的座標點 float mx = x - centerX; float my = y - centerY; float result = mx * mx + my * my; StringBuilder tip = new StringBuilder(); tip.append("您點擊了"); // 高中的解析幾何 if(result <= litterR*litterR) {// 點擊的點在小圓內 tip.append("小圓的"); tip.append(colorStrs[whichZone(mx, my)+2]); tip.append("區域"); } else if(result <= bigR * bigR) {// 點擊的點在大圓內 tip.append("大圓的"); tip.append(colorStrs[whichZone(mx, my)]); tip.append("區域"); } else {// 點不在作作區域 tip.append("作用區域以外的區域"); } Toast.makeText(context, tip, Toast.LENGTH_SHORT).show(); } /** * 判斷點擊了圓的哪個區域 * @param x * @param y * @return */ private int whichZone(float x, float y) { // 簡單的象限點處理 // 第一象限在右下角，第二象限在左下角，代數裏面的是逆時針，這裏是順時針 if(x > 0 && y > 0) { return 0; } else if(x > 0 && y < 0) { return 3; } else if(x < 0 && y < 0) { return 2; } else if(x < 0 && y > 0) { return 1; } return -1; } } }

其中用數學問題解決了點擊座標點位置的問題，使用問題簡單化。其實這只是一個簡單的示例，有興趣的讀者可以研究一下，當將每個圓分成八塊區域時，怎樣判斷區域位置；當有一個半徑數組，即有N個半徑不同的圓，又怎麼判斷點擊的是哪一個圓；當橫豎屏切換時，怎麼控制圓心在屏幕中央，怎樣不讓圓的半徑超出屏幕，若超出，怎樣添加左右上下滾動條。其中還有最後一個問題沒解決，以後有時間再貼上來。