自定义view(二)五子棋.doc

自定义view（二）五子棋 画棋盘 首先自定义view的四部曲 1，在attrs中申明自定义的属性 2，在View的构造方法中获得我们自定义的属性 3，重写onMeasure方法 4，重写ondraw方法 五子棋的自定义属性我都写死了，也可以不写死，写在attrs中动态的改变，这样都可以 生成构造方法 public WuZiQiView(Context context, AttributeSet attrs) { super(context, attrs); //设置一个背景颜色用来区分我们自定义的view的大小最后的时候去掉 setBackgroundColor(0x44ff0000); init(); } //棋盘的线条数 private int maxline = 10; //棋盘的宽度 private int mpanelWidth; //每一行的高度 private float mLineHeight; //新建一只画棋盘的画笔 private Paint mPaint = new Paint(); 重写onmeasure方法 @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { int heightSize = MeasureSpec.getSize(heightMeasureSpec); int heightMode = MeasureSpec.getMode(heightMeasureSpec); int widthSize = MeasureSpec.getSize(widthMeasureSpec); int widthMode = MeasureSpec.getMode(widthMeasureSpec); //取view的宽度 int width = Math.min(widthSize, heightSize); if (heightMode == MeasureSpec.UNSPECIFIED) { //测量模式为不确定的时候也取view的宽度 width = widthSize; } else if (widthMode == MeasureSpec.UNSPECIFIED) { width = heightSize; } //设置自定义view的宽度和高度 setMeasuredDimension(width, width); } 获取棋盘的高度 @Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { super.onSizeChanged(w, h, oldw, oldh); //设置view的宽度为棋盘的宽度 mpanelWidth = w; //获取每一行的宽度=棋盘的宽度/行数 mLineHeight = mpanelWidth * 1.0f / maxline; } 重写ondraw方法 @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); //画棋盘 doawBoard(canvas); } //初始化画笔 private void init() { //设置颜色 mPaint.setColor(0; //抗锯齿 mPaint.setAntiAlias(true); //防抖动 mPaint.setDither(true); //Paint.Style.STROKE 仅描边 mPaint.setStyle(Paint.Style.STROKE); } private void doawBoard(Canvas canvas) { int w