Android学习——自定义简易的方向盘操作控件

    最近在做一款交互性较为复杂的APP，需要开发一个方向操作控件。最终用自定义控件做了一个简单的版本。

    这里我准备了两张素材图，作为方向盘被点击和没被点击的背景图。下面看看自定义的Wheel类

public class Wheel extends View implements View.OnTouchListener{
    int xPosition;//点击按钮的x坐标
    int yPosition;//点击按钮的y坐标
    int centerX;//方向盘X轴中心
    int centerY;//方向盘Y轴中心
    int mainRadius;
    int secondRadius;//点击的圆形按钮的半径
    boolean isClicked;//用于判断方向盘是否被点击

    public Wheel(Context context) {
        super(context);
    }

    public Wheel(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public Wheel(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        isClicked=false;//初始化为未点击状态
    }
}

    上面这是最初的代码，仅仅是声明了一些变量。

    接下来我们来复写OnMeasure

@Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int width =MeasureSpec.getMode(widthMeasureSpec)==MeasureSpec.UNSPECIFIED?100:MeasureSpec.getSize(widthMeasureSpec);
        int height = MeasureSpec.getMode(heightMeasureSpec)==MeasureSpec.UNSPECIFIED?100:MeasureSpec.getSize(heightMeasureSpec);
        if(width>height){//将自定义控件的区域限制为正方形
            width=height;
        }else{
            height=width;
        }
        this.mainRadius=(getWidth()-100)/2;//给主要半径赋值
        this.secondRadius=mainRadius/5*2;//赋值可点击的圆形按钮的半径
        setMeasuredDimension(width, height);
        this.centerX=getWidth()/2;//确定中心
        this.centerY=getHeight()/2;
        this.xPosition=centerX;//最初可点击的圆形按钮在中心位置
        this.yPosition=centerY;
    }

        接着是OnDraw函数

@Override
    protected void onDraw(Canvas canvas){
        Bitmap bm;//背景图的bitmap
        Paint circlePaint=new Paint();//可点击的圆形按钮的Paint对象
        circlePaint.setColor(Color.parseColor("#52c1bd"));//设置颜色
        circlePaint.setStyle(Paint.Style.FILL);//设置作图形式为填满