Android 開發 -------- 自訂View 畫 五子棋

標籤：android 自訂view

自訂View  實現 五子棋 

配圖：

代碼：

package com.example.fiveson;import java.util.LinkedList;import java.util.List;import android.content.Context;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.util.AttributeSet;import android.view.MotionEvent;import android.view.View;public class FiveSon extends View {public FiveSon(Context context) {super(context);// TODO Auto-generated constructor stubinit(context, null);}public FiveSon(Context context, AttributeSet attrs) {super(context, attrs);// TODO Auto-generated constructor stubinit(context, attrs);}public FiveSon(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);// TODO Auto-generated constructor stubinit(context, attrs);}private Paint paint = new Paint();private Paint circlePaint = new Paint();// 旗子： 資訊  代表 第幾行 第幾列？private List<int[]> chesses = new LinkedList<int[]>();private void init(Context context, AttributeSet attrs){chesses.add(new int[]{3,5});chesses.add(new int[]{3,6});}int spacing = 100;@Overrideprotected void onDraw(Canvas canvas) {// TODO Auto-generated method stubsuper.onDraw(canvas);int width = getWidth();int height = getHeight();//1 繪製 X 座標int num = width / spacing;paint.setColor(Color.BLACK);for(int i=0;i<=num;i++){canvas.drawLine(spacing*i, 0, spacing*i, height, paint);}num = height/spacing;for(int i=0;i<=num;i++){canvas.drawLine(0,spacing*i, width,spacing*i, paint);}//2 繪製Y 座標//3 繪製 旗子if(!chesses.isEmpty()){int count = chesses.size();for(int i=0;i<count;i++){// 行列 資訊int[] location = chesses.get(i);int rawX = location[1] * spacing;int rawY = location[0] * spacing;if(i%2==0){circlePaint.setColor(Color.BLACK);}else {circlePaint.setColor(Color.GREEN);}canvas.drawCircle(rawX, rawY, 20, circlePaint);}}}/** * 完全自訂空間： *  * 處理你惡不處理時間愛你的方法: * onTouchEvent() * onKeyEvent() *  * 當然 也可以通過  * setOnTouchListener() * setOnKeyListener(); *  * 外部操作： * setOnTouchListener(OnTouchListener l)  * setOnKeyListener(OnKeyListener l)  *  *  *  * */@Overridepublic boolean onTouchEvent(MotionEvent event) {boolean isComsumed = false;int action = event.getAction();if(action == MotionEvent.ACTION_DOWN){//分析點擊的座標 來判斷 點擊的 行數和 列數int ex =  (int)event.getX();int ey =  (int)event.getY();int colNum = (int)(ex / spacing);int rowNum = (int)(ey / spacing);int  colcc = ex % spacing;int  rowcc = ey % spacing;if(colcc>=(spacing/2)){colcc++;}if(rowcc>=(spacing/2)){rowcc++;}//判斷什麼時候add int len = chesses.size();if(len>0){boolean has = false;for(int i = len-1;i>=0;i--){int[] chs = chesses.get(i);if(rowNum == chs[0] && colNum == chs[1]){has = true;break;}}if(!has){chesses.add(new int[]{rowNum,colNum});invalidate();}}else {chesses.add(new int[]{rowNum,colNum});invalidate();}isComsumed = true;}else {isComsumed = super.onTouchEvent(event);}return super.onTouchEvent(event);}}

Android 開發 -------- 自訂View 畫 五子棋