android开发学习 ------- 自定义View 圆 ，其点击事件 及 确定当前view的层级关系

我需要实现下面的效果：   参考文章：https://blog.csdn.net/halaoda/article/details/78177069

涉及的View事件分发机制 https://www.jianshu.com/p/38015afcdb58  （最全面的原理性文章）

   https://www.jianshu.com/p/e99b5e8bd67b   

点击绿色的圆 - Toast （"点击大圆的区域"）

点击黄色的圆 - Toast （"点击小圆的区域"）

点击两个圆以外的区域 - Toast （"点击圆以外的区域"）

 

/**
 * Created by lemon on 2018/3/28.
 * 自定义圆形
 */

public class MyCircle extends View{

    private Context context;
    /**
     * 屏幕的宽
     */
    private int width;
    /**
     * 屏幕的高
     */
    private int height;
    /**
     * 大圆的半径
     */
    private float bigR;
    /**
     * 小圆的半径
     */
    private float litterR;
    /**
     * 屏幕中间点的X坐标 - 小圆 大圆 圆心的x坐标
     */
    private float centerX,centerXlittle;
    /**
     * 屏幕中间点的Y坐标 - 小圆 大圆 圆心的y坐标
     */
    private float centerY,centerYlittle;

    /**
     *构造函数，由调用此类的的context传递width height
     */
    public MyCircle(Context context, int width, int height) {
        super(context);
        this.context = context ;
        this.width = width ;
        this.height = height ;
        setFocusable(true);
        //Toast.makeText(context,"width="+width+"<---->height="+height,Toast.LENGTH_SHORT).show();
        //设置两个圆的半径
        bigR = (width - 100)/4;
        litterR = bigR/2;

        //屏幕的中点-大圆的中心坐标
        centerX = width/2;
        centerY = height/2;
        //小圆的中心坐标
        centerXlittle = centerX + bigR ;
        centerYlittle = centerY + bigR - 120;
    }

    /**
     *绘制两个圆的情况
     */
    @Override
    protected void onDraw(Canvas canvas) {
        //画背景颜色
        /*Paint bg = new Paint();
        bg.setColor(Color.WHITE);
        Rect bgR = new Rect(0,0,width,height);
        canvas.drawRect(bgR,bg);*/

        //float start = 0F;
        Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);// 构建Paint时直接加上去锯齿属性
        //我们一共画两个圆
        for(int i=0 ; i<2 ; i++){
            /**
             * 第一种是用圆弧来画一个圆
             在android中Rect和RextF都是用来创建一个矩形的
             Rect的参数是int型 ，RectF的参数是float型.
             根据中心点 来确定上下左右 的矩形
             RectF bigOval = new RectF(centerX - bigR,centerY - bigR,centerX + bigR,
             centerY + bigR);
             // drawArc - 画圆弧
             // 第一个参数定义的圆弧的形状和大小的范围
             // 第二个参数的作用是设置圆弧是从哪个角度来顺时针绘画的
             // 第三个参数 这个参数的作用是设置圆弧扫过的角度
             // 第四个参数 这个参数的作用是设置我们的圆弧在绘画的时候，是否经过圆形
             // 第五个参数 这个参数的作用是设置我们的画笔对象的属性
             paint.setColor(Color.GREEN);
             canvas.drawArc(bigOval,start,360,true,paint);
             */


            /**
             * 第二种可以直接画出圆
             */
            paint.setColor(Color.GREEN);
            //（圆心x0,圆心y0,半径，paint）
            canvas.drawCircle(centerX,centerY,bigR,paint);


           /* RectF littleOval = new RectF(centerXlittle - litterR,centerYlittle -  litterR,
                    centerXlittle +  litterR, centerYlittle  +  litterR);
            paint.setColor(Color.YELLOW);
            canvas.drawArc(littleOval,start,360,true,paint);*/

            paint.setColor(Color.YELLOW);
            //（圆心x0,圆心y0,半径，paint）
            canvas.drawCircle(centerXlittle,centerYlittle,litterR,paint);
       }
        super.onDraw(canvas);
    }


    /**
     * View类的dispatchTouchEvent（）方法默认实现就是能帮你调用View自己的onTouchEvent方法
     */
    @Override
    public boolean dispatchTouchEvent(MotionEvent event) {
        return super.dispatchTouchEvent(event);//默认实现，可以不写
    }


    /**
     * 如果View想处理事件，则view设置为clickable 或 复写 onTouchEvent(),return true;
     */
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        //获取点击屏幕时的点的坐标
        float x = event.getX();
        float y = event.getY();
        whichCircle(x,y);
        return true;//返回true，代表事件已经消费，事件已经终止。
        // return false;  调用父类的onTouchEvent()
        // return super.onTouchEvent(event);
    }


    /**
     * 确定点击的点在哪个圆内
     */
    private void whichCircle(float x,float y){
        //将屏幕中的点转换成以屏幕中心为原点的坐标点
        float mx = x - centerX;
        float my = y - centerY;
        float result = mx*mx + my*my ;

        float lx = x - centerXlittle;
        float ly = y - centerYlittle;
        float resultlittle = lx*lx + ly *ly;


        if(resultlittle <= litterR*litterR){
            Toast.makeText(context,"点击了小圆的区域",Toast.LENGTH_SHORT).show();
        }else if(result <= bigR*bigR){
            Toast.makeText(context,"点击了大圆的区域",Toast.LENGTH_SHORT).show();
        }else{
            Toast.makeText(context,"点击了圆以外的区域",Toast.LENGTH_SHORT).show();
        }

    }
}

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
      //  setContentView(R.layout.activity_main);
        DisplayMetrics metrics = new DisplayMetrics();
        this.getWindowManager().getDefaultDisplay().getMetrics(metrics);
        //屏幕的分辨率
        int width = metrics.widthPixels;
        int height = metrics.heightPixels;
        setContentView(new MyCirclebig(this,width,height));
    }
}

 

确定当前view的层级关系