Android快乐贪吃蛇游戏实战项目开发教程-04虚拟方向键（三）三角形按钮效果

package net.chengyujia.happysnake;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Path;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

/**
 * Created by ChengYuJia on 2016/8/19.
 * 屏幕上的虚拟方向键
 */
public class DirectionKeys extends View {
    //左三角形按压时的颜色（较亮）
    private int leftPressedColor = 0xFFFF0000;
    //左三角形正常显示的颜色（较暗）
    private int leftNormalColor = 0xFFAA0000;
    //手触摸屏幕的动作，初始值用一个MotionEvent中没有用到的action值，比如-10，表示还没有任何触屏动作发生。
    private int action = -10;
    //画布的宽
    private int width;
    //画布的高
    private int height;
    //画左三角形的路径
    private Path pathLeft = new Path();
    //画笔
    private Paint paint = new Paint();
    //初始化方法是否执行过，确保初始化方法只执行一次。
    private boolean initDone = false;

    //只有一个参数的构造方法是我们在程序中通过“new”关键字创建实例时调用。
    public DirectionKeys(Context context) {
        super(context);
    }

    //有两个参数的构造方法是系统在XML布局文件中创建实例时调用。
    public DirectionKeys(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    //初始化方法
    private void init(Canvas canvas) {
        /*获取画布的长和宽*/
        width = canvas.getWidth();
        height = canvas.getHeight();
        /*
        （小提示：在计算机中一般都是将左上角作为坐标原点的）
        画布上四个顶点和中心点的坐标如下：
        左上点 0，0
        左下点 0，height
        右上点 width,0
        右下点 width,height
        中心点 width/2,height/2
        */

        /*设置左三角形的路径数据*/
        //从画布左上点开始
        pathLeft.moveTo(0, 0);
        //画直线到画布中心点
        pathLeft.lineTo(width / 2, height / 2);
        //再画直线到画布左下点
        pathLeft.lineTo(0, height);
        //自动闭合图形。从最后一个点（左下点）画直线到第一个点（左上点）。
        pathLeft.close();
    }

    /**
     * 通过重写父类的onDraw方法来绘制我们需要的图形
     * 该方法会在控件第一次显示时被系统调用，并在之后每次调用invalidate方法后被系统调用。
     *
     * @param canvas 这里的canvas是系统提供的一块矩形画布，我们要做的就是在这块画布上画我们想要的东西。
     */
    @Override
    protected void onDraw(Canvas canvas) {
        if (!initDone) {
            init(canvas);
            //确保初始化方法只执行一次
            initDone = true;
        }

        if (action == MotionEvent.ACTION_DOWN) {
            //手按压时高亮显示
            paint.setColor(leftPressedColor);
        } else {
            //没有按或按下抬起后显示较暗的颜色
            paint.setColor(leftNormalColor);
        }
        //画左三角形
        canvas.drawPath(pathLeft, paint);
    }

    /**
     * 如果手触摸到我们的控件，系统会通过该方法告诉我们
     *
     * @param event 系统给我们传递的触摸事件参数
     * @return 如果该触摸事件被我们处理了返回true，反之返回false。
     */
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        action = event.getAction();
        //ACTION_DOWN表示手按到屏幕，ACTION_UP表示手从屏幕上抬起。我们只处理这两种动作。
        if (action == MotionEvent.ACTION_DOWN || action == MotionEvent.ACTION_UP) {
            //invalidate方法是告诉系统当前控件需要重绘，系统会再次调用onDraw方法来实现重绘。
            invalidate();
            return true;
        }
        return false;
    }
}