自定义View之贪吃蛇

本次的重点，如何让自定义View动起来。

效果如下图： 如图所见，我们自定义3个View

一个是单元Tileview,用来画方块

一个是贪吃蛇SnakeView继承至TileView

一个是背景BackgroundView

本次重点介绍SnakeView因为只有小蛇是动的。

前面讲过，让View刷新有两种方式，一个在UI线程中，一个在非UI线程（一般使用SurfaceView）。

简单的，不是非常频繁的刷新可以在UI线程中。SnakeView就是采用这种方式。

核心实现：

1.使用Handler来刷新View，使用Handler中的 sendMessageDelayed的方式来控制小蛇的速度。delay越久，小蛇速度越慢。

 

class RefreshHandler extends Handler {


        @Override
        public void handleMessage(Message msg) {
            //更新小蛇的状态
            SnakeView.this.update();
            //刷新小蛇的view
            SnakeView.this.invalidate();
        }


        public void sleep(long delayMillis) {
            this.removeMessages(0);
            sendMessageDelayed(obtainMessage(0), delayMillis);
        }
    };

2.重写ondraw方法中，构造小蛇身体组成的方块即可。

@Override
    public void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        for (int x = 0; x < mXTileCount; x += 1) {
            for (int y = 0; y < mYTileCount; y += 1) {
                if (mTileGrid[x][y] > 0) {
                    canvas.drawBitmap(mTileArray[mTileGrid[x][y]], mXOffset + x * mTileSize,
                            mYOffset + y * mTileSize, mPaint);
                }
            }
        }
    }

将这个屏幕转化为一个矩阵，矩阵的行数就是mXTileCount，列数就是mYTileCount.对应的元素是方块，是否需要画方块由mTileGrid[][]二维数组保存的值决定的。

小蛇的行动其实就是对mTileGrid二维数组中的值进行修改。每次更新View都会将这个二维数组遍历一次，重新构造View。因此效率很差。

mXTileCount：当前屏幕X方向最都能画几个方块

mYTileCount：当前屏幕Y方向最都能画几个方块

总结：直接在线程UI中操作View刷新

优点：实现简单。

缺点：效率低，不流畅，view位置变化是很生硬，从这消失，到那出现。中间没有动画来连贯。