支付宝刮奖案例

撕衣服小案例

① 准备一个布局文件,布局中有两个ImageView,第一个ImgView是用来作为背景存在的,无法进行修改,第二个ImageView是用来作为被涂抹的部分存在的,可以被进行修改

② 初始化控件

iv_show = (ImageView) findViewById(R.id.iv_show);

③ 创建一个副本图片,主要用在作为被修改的对象

//创建图片副本
    Bitmap bitmap = BitmapFactory.decodeResource(getResources(),R.drawable.front);
    copybm = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), bitmap.getConfig());
    Canvas canvas = new Canvas(copybm);
    canvas.drawBitmap(bitmap,new Matrix(),null);
    iv_show.setImageBitmap(copybm);

④ 设置点击事件,对点击进行相关操作

//设置触摸监听事件
    iv_show.setOnTouchListener(new View.OnTouchListener() {
        @Override
        public boolean onTouch(View v, MotionEvent event) {

            //获取时间类型
            int action = event.getAction();

            switch (action){
                case MotionEvent.ACTION_DOWN:
                    break;
                case MotionEvent.ACTION_MOVE:
                    //获取移动位置的坐标
                    try {
                        float x = event.getX();
                        float y = event.getY();
                        //吧移动的轨迹变为透明,并且透明的范围为圆形
                        for (int i = -10 ;i <=10;i++){
                            for (int j = -10;j<=10;j++ ){
                                if (Math.sqrt(i*i+j*j)<=10){
                                    copybm.setPixel((int)x+i,(int)y+j, Color.TRANSPARENT);
                                }
                            }
                        }
                    } catch (IllegalArgumentException  e) {
                        e.printStackTrace();
                    }
                    break;
            }

            iv_show.setImageBitmap(copybm);
            return true;
        }
    });

应用场景

支付宝刮奖页面