欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

自定义View标尺

程序员文章站 2022-06-07 15:32:59
...
//绘制刻度线
private void drawScale(Canvas canvas){
        for(int i =0;i<=mScaleTotalCount;i++){
            if(i%10==0){
                mScalePaint.setStrokeWidth(6);
                canvas.drawLine(i*mScaleMargin,0,
                        i*mScaleMargin,mScaleHeight*2,mScalePaint);
                canvas.drawText(i+mStartScale+"",i*mScaleMargin,
                        mScaleHeight*2+mOffset,mTextPaint);
            }else {
                mScalePaint.setStrokeWidth(3);
                canvas.drawLine(i*mScaleMargin,0,
                        i*mScaleMargin,mScaleHeight,mScalePaint);
            }
        }
    }

绘制指示器

 @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        Path path = new Path();
        path.moveTo(mCenterX-mOffset,0);
        path.lineTo(mCenterX+mOffset,0);
        path.lineTo(mCenterX, (float) (mOffset*1.2));
        path.close();
        canvas.drawPath(path,mPaint);
    }

写触摸的反馈
一个标准的刻度尺是可以左右滑动的,所以接下来我就为大家详细的去讲解触摸滑动的实现过程。在讲解之前我需要先给同学们普及几个概念:scrollTo()、scrollBy()和Scroller,如果了解的同学可以直接跳过此环节。
在Android中View的移动可以通过调用自身的scrollTo(int x,int y)跟scrollBy(int x,int y)进行,两者的区别是:scrollTo(int x,int y)的每一次移动是相对于原始位置进行的。而scrollBy(int x,int y)的移动是相对一上一次位置进行的,其实scrollBy()内部也是通过scrollTo(int x,int y)进行实现的。两个移动方法都遵循右正左负。
下面我就着重说一下Scroller这个类。先回忆一个场景,ViewPager我们大家应该都很熟悉,ViewPager在滑动的时候它会自动的、平滑的矫正到相应的位置,这个功能是怎么实现的呢?答案就是通过Scroller。Scroller是Android为我们提供的一个专门用于处理滚动效果的工具类,Scroller本身是不会使View进行移动的,而是提供了一套算法,具体的移动还是通过scrollTo()和scrollBy()进行的。Scroller的使用也是非常简单的,具体可以分为如下几个步骤:

//1.创建Scroller实例
 mScroller = new Scroller(context);

//2.调用startScroll()对滚动操作的设置
//startX和 startY为起始位置,dx和 dy为偏移量
 mScroller.startScroll(int startX, int startY, int dx, int dy);

//3.重写View的computeScroll()方法,在其内部结合Scroller实现具体的移动操作
@Override
    public void computeScroll() {
        super.computeScroll();
        if(mScroller.computeScrollOffset()){//判断本次滚动是否结束
            scrollTo(mScroller.getCurrX(),0);//移动View
            postInvalidate();//刷新界面
        }
    }

实现View的滚动

//首先我们要重写onTouchEvent()
 @Override
    public boolean onTouchEvent(MotionEvent event) {
        int x = (int) event.getX();
        switch (event.getAction()){
            case MotionEvent.ACTION_DOWN:
                if(mScroller!=null&&mScroller.isFinished()){
                    mScroller.abortAnimation();
                }
                mLastScale = x;
                return true;
            case MotionEvent.ACTION_MOVE:

                int dx = mLastScale - x + mScrollX;
                scrollTo(dx,0);
                changeScale();
                return true;
            case MotionEvent.ACTION_UP:
                mScrollX = getScrollX();
                int transX;
                int offSetX = mScaleMargin*(mScreenScaleCount/2);
                if(mScrollX>mWidth-offSetX){//超出最大值
                    transX = getScrollX() - mWidth + offSetX;
                    mScrollX = mWidth - offSetX;
                    Log.i("zs","大于最大值");
                }else if(getScrollX()<-offSetX){//小于最小值
                    transX =  getScrollX() + offSetX;
                    mScrollX =  -offSetX;
                    Log.i("zs","小于最小值");
                }else {//在范围内
                    transX = getScrollX()%mScaleMargin;
                    if(transX>(mScaleMargin/2)){
                        transX = -(mScaleMargin - transX);
                    }
                    mScrollX = getScrollX() - transX;
                    Log.i("zs","在范围内");
                }
                mScroller.startScroll(getScrollX(),0,-transX,0);
                postInvalidate();
                return true;
        }
        return super.onTouchEvent(event);
    }

   private void changeScale(){
        int minScale = mStartScale;
        int maxScale = mStartScale + mScaleTotalCount;
        int scrollScale = (int) Math.rint((double) getScrollX()/
                (double) mScaleMargin);
        //初始刻度值+滚动刻度值
        mCurrentScale =  scrollScale + mScreenScaleCount/2 + mStartScale;
        if(mScrollCallback!=null){
            //超出最大值
            if(mCurrentScale>maxScale){
                mCurrentScale =  maxScale ;
            }
            //低于最小值
            else if(mCurrentScale<minScale){
                mCurrentScale =  minScale ;
            }
            mScrollCallback.setScale(mCurrentScale);
        }
    }