Android 开发 -------- 自己定义View 画 五子棋

自己定义View  实现 五子棋

配图：

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbG92ZV9KYXZjX3lvdQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbG92ZV9KYXZjX3lvdQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbG92ZV9KYXZjX3lvdQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

代码：

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 stub
		init(context, null);
	}

	public FiveSon(Context context, AttributeSet attrs) {
		super(context, attrs);
		// TODO Auto-generated constructor stub
		init(context, attrs);
	}

	public FiveSon(Context context, AttributeSet attrs, int defStyleAttr) {
		super(context, attrs, defStyleAttr);
		// TODO Auto-generated constructor stub
		init(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;

	@Override
	protected void onDraw(Canvas canvas) {
		// TODO Auto-generated method stub
		super.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)
	 *
	 *
	 *
	 * */

	@Override
	public 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);

	}

}