android 刻度尺控件实现

主要实现刻度尺的效果,能够快速滑动刻度,设置刻度间距,刻度值,滑动回调。简单易用

效果图

android 刻度尺控件实现_第1张图片


textureView控件的选择

刻度尺要不停的绘制,所以view是不可取的,这篇文章介绍了textureview的用法,受益匪浅

总结来说:

1.view的绘制在主线程里面,频繁绘制会导致主线程阻塞

2.我们知道一个surfaceview是异步绘制的,不阻塞主线程,但是它不支持平移、缩放、旋转,且很难放在srollview等控件里面



TextureView.SurfaceTextureListener


abstract void onSurfaceTextureAvailable(SurfaceTexture surface, int width, int height)
Invoked when a   TextureView's SurfaceTexture is ready for use.  
abstract boolean onSurfaceTextureDestroyed(SurfaceTexture surface)
Invoked when the specified   SurfaceTexture  is about to be destroyed.  //textureview销毁时,可以在这个地方释放一些资源,比如camera
abstract void onSurfaceTextureSizeChanged(SurfaceTexture surface, int width, int height)
Invoked when the   SurfaceTexture's buffers size changed.
abstract void onSurfaceTextureUpdated(SurfaceTexture surface)
Invoked when the specified   SurfaceTexture  is updated through   updateTexImage().

@Override
    public void onSurfaceTextureAvailable(SurfaceTexture surface, int width, int height) {
        mBorderRectF.set(mBorderPaint.getStrokeWidth(), mBorderPaint.getStrokeWidth(),
                width - mBorderPaint.getStrokeWidth(), height - mBorderPaint.getStrokeWidth());  //设置一块矩形区域,
        mWidth = mBorderRectF.width();  
        dis = (int)(mWidth / allBlockNum);  //每个刻度间距,allBlockNum是小刻度的个数
        refreshCanvas(); 
    }

//刷新视图 
    private void refreshCanvas() {
        if (mBorderRectF.isEmpty()) {
            return;
        }
        Canvas canvas = lockCanvas();
        if(canvas != null) {
            canvas.drawColor(Color.WHITE);
            drawBorder(canvas);
            drawScaleMark(canvas);
            drawMarkPoint(canvas);
        }
        unlockCanvasAndPost(canvas);
    }

画出刻度线:由中间向两边画

//画出所有刻度:从中间向两边画
    private void drawScaleMark(Canvas canvas) {
        int count = 0;
        final int centerX = (int)mBorderRectF.centerX();
        if(mCenterNum > maxNum)
            mCenterNum = maxNum;
        if (mCenterNum < minNum)
            mCenterNum = minNum;
        if(numberListener != null)
            numberListener.onChanged(mCenterNum);

        while(true){
            int left = centerX - dis * count;
            int leftNum = mCenterNum - count * scaleNum;
            int right = centerX + dis * count;
            int rightNum = mCenterNum + count * scaleNum;

            String leftText = String.valueOf(leftNum);
            String rightText = String.valueOf(rightNum);
            //间隔5刻度画文字信息
            if(leftNum % (5*scaleNum) == 0) {
                canvas.drawLine(left, canvas.getHeight() / 2, left, canvas.getHeight() - 1, mScaleMarkPaint);
                mScaleMarkPaint.getTextBounds(leftText, 0, leftText.length(), mTextRect);
                canvas.drawText(leftText, left - mTextRect.centerX(), canvas.getHeight() / 2, mScaleMarkPaint);
            }
            else
                canvas.drawLine(left, canvas.getHeight() * 2 / 3, left, canvas.getHeight() - 1, mScaleMarkPaint);

            if(rightNum % (5*scaleNum) == 0) {
                canvas.drawLine(right, canvas.getHeight() / 2, right, canvas.getHeight() - 1, mScaleMarkPaint);
                mScaleMarkPaint.getTextBounds(rightText, 0, rightText.length(), mTextRect);
                canvas.drawText(rightText, right - mTextRect.centerX(), canvas.getHeight() / 2, mScaleMarkPaint);
            }
            else
                canvas.drawLine(right, canvas.getHeight() * 2 / 3, right, canvas.getHeight() - 1, mScaleMarkPaint);

            count++;
            if(left < 0)
                break;
        }
    }

手势判断

我把手势判断的逻辑代码写在ScaleScroller类中,onTouchEvent用来判断按下,移动和抬起三个手势。GestureDetector.SimpleOnGestureListener中的onFling来处理快速滑动

OnFling在手指快速滑动控件时触发,onfling有四个参数

(注意:onFling只能触发一次,但是快速滑动的效果是要在一定时间内做滚动处理,所以需要通过Scroller类+Handler的方式来帮助实现)

@Override
        public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
            final int minX = -0x7fffffff;
            final int maxX = 0x7fffffff;
            lastX = 0;
            scroller.fling(0, 0, (int)-velocityX, 0, minX, maxX, 0, 0);  //滚动的距离有速度决定
            handler.sendEmptyMessage(ON_FLING);
            return true;
        }

e1 The first down motion event that started the fling.       //按下时候的event
e2 The move motion event that triggered the current onFling.  //触发快速滑动时的event
velocityX The velocity of this fling measured in pixels per second along the x axis.
velocityY The velocity of this fling measured in pixels per second along the y axis.

private Handler handler = new Handler(){
        @Override
        public void handleMessage(Message msg) {
            boolean isFinished = scroller.computeScrollOffset(); //判断滚动是否结束
            int curX = scroller.getCurrX();  
            int delta = lastX - curX;
            if(listener != null){
                listener.onScroll(delta);
            }
            lastX = curX;
            if(isFinished)
                handler.sendEmptyMessage(ON_FLING);  
            else
                listener.onFinished();
        }
    };


源码地址


你可能感兴趣的:(android)