▲ Android 动画望远镜效果

全栈程序员-站长 • 2021年3月12日下午10:52 • 未分类 • 阅读 147

写字板效果之后，实现望远镜效果，效果如下

在这里插入图片描述

【实现】
新建一张空白的位图，这张位图的大小与控件的大小一样，然后对背景图进行拉伸，画在这张空白的为图上。
在mDx mDy 都不是-1的时候，按下手指或者移动手指。将新建的mBitmapBG作为BitmapShader 设置给Paint，然后在手指所在的位置画圈，并把圈内的图片显示出来。

【代码】

初始化控件

 public TelescopeView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        mPaint = new Paint();
        mBitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.timg);

    }

实现 onTouchEvent方法

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()){
            case MotionEvent.ACTION_DOWN:
                mDx = (int)event.getX();
                mDy = (int)event.getY();
                postInvalidate();
                return  true;

                case MotionEvent.ACTION_MOVE:
                    mDx = (int)event.getX();
                    mDy = (int)event.getY();
                    break;
            case MotionEvent.ACTION_UP:
            case MotionEvent.ACTION_CANCEL:
                mDx = -1;
                mDy = -1;
                break;
        }
        postInvalidate();
        return super.onTouchEvent(event);
    }

实现onDraw

   @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if (mBitmapBG==null){
            mBitmapBG = Bitmap.createBitmap(getWidth(), getHeight(), Bitmap.Config.ARGB_8888);
            Canvas canvasbg = new Canvas(mBitmapBG);
            canvasbg.drawBitmap(mBitmap,null,new Rect(0,0,getWidth(),getHeight()),mPaint);
        }
        if (mDx!=-1&&mDy !=-1){
            mPaint.setShader(new BitmapShader(mBitmapBG,Shader.TileMode.REPEAT,Shader.TileMode.REPEAT));
            canvas.drawCircle(mDx,mDy,150,mPaint);
        }

    }

需要注意的一点

之所以在onDraw()方法中创建，mbitmapBG，而不在初始化代码中创建，是因为在初始化时，getWidth(),和getHeigh() 是获取不到值的。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/2838.html原文链接：https://javaforall.net