让化繁为简的Android围棋动画灵动起来

2024-02-15 21:25:51

在上一篇文章中，我们学习了如何实现一些基础的动态效果，可以理解为简单的动画。如果我们想更进一步，像Android系统动画那样，将多种动画效果组合起来，有没有可能实现呢？当然可以！接下来，我们通过两个例子来探索一下。

第一个例子，我们想让一个小球在屏幕上自由地弹跳。首先，我们需要创建一个自定义的View，在它的onDraw()方法中绘制一个小球。接着，我们创建一个动画，设定好动画的持续时间和重复次数。最后，把这个动画应用到我们创建的自定义View上。

public class BallView extends View {

    private Paint paint;
    private float x, y;
    private float dx, dy;
    private Animation animation;

    public BallView(Context context) {
        super(context);
        paint = new Paint();
        paint.setColor(Color.RED);
        x = y = 100;
        dx = dy = 10;

        // 创建动画
        animation = new TranslateAnimation(0, 200, 0, 200);
        animation.setDuration(1000);
        animation.setRepeatCount(Animation.INFINITE);

        // 将动画添加到自定义view中
        startAnimation(animation);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawCircle(x, y, 20, paint);
    }
}

这段代码中，我们使用了TranslateAnimation，它可以让View在水平和垂直方向上进行平移。我们设置动画持续时间为1秒，无限循环播放。这样，小球就会在屏幕上不停地来回移动了。

第二个例子，我们来尝试实现一个简化版的围棋动画。同样地，我们需要先创建一个自定义View，在onDraw()方法里绘制棋盘和棋子。然后，创建一个动画，并设置好它的持续时间和重复次数。最后，将动画应用到这个自定义View上。

public class ChessView extends View {

    private Paint paint;
    private int[][] board;
    private float cellWidth, cellHeight;
    private Animation animation;

    public ChessView(Context context) {
        super(context);
        paint = new Paint();
        paint.setColor(Color.BLACK);
        board = new int[8][8];

        // 创建动画
        animation = new TranslateAnimation(0, 200, 0, 200);
        animation.setDuration(1000);
        animation.setRepeatCount(Animation.INFINITE);

        // 将动画添加到自定义view中
        startAnimation(animation);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        // 绘制棋盘
        for (int i = 0; i < 8; i++) {
            for (int j = 0; j < 8; j++) {
                if ((i + j) % 2 == 0) {
                    paint.setColor(Color.WHITE);
                } else {
                    paint.setColor(Color.BLACK);
                }
                canvas.drawRect(i * cellWidth, j * cellHeight, (i + 1) * cellWidth, (j + 1) * cellHeight, paint);
            }
        }

        // 绘制棋子
        for (int i = 0; i < 8; i++) {
            for (int j = 0; j < 8; j++) {
                if (board[i][j] == 1) {
                    paint.setColor(Color.BLACK);
                    canvas.drawCircle(i * cellWidth + cellWidth / 2, j * cellHeight + cellHeight / 2, cellWidth / 2, paint);
                } else if (board[i][j] == 2) {
                    paint.setColor(Color.WHITE);
                    canvas.drawCircle(i * cellWidth + cellWidth / 2, j * cellHeight + cellHeight / 2, cellWidth / 2, paint);
                }
            }
        }
    }
}

在这个例子中，我们先绘制了一个8x8的棋盘，然后根据board数组中的值绘制黑白棋子。这里我们只是简单地使用了TranslateAnimation来演示，实际的围棋动画会更加复杂，需要根据棋子的落子位置和顺序来设计动画效果。

通过这两个例子，我们可以看到，组合多种动画效果可以创造出更丰富的视觉体验。当然，Android系统提供的动画效果远不止TranslateAnimation一种，还有很多其他的动画类型，比如旋转、缩放、淡入淡出等等。我们可以根据实际需求选择合适的动画类型，并将它们组合起来使用，从而实现更加生动有趣的动画效果。