Android 自定义控制条

最新推荐文章于 2021-05-27 04:51:56 发布

rains at night

最新推荐文章于 2021-05-27 04:51:56 发布

阅读量287

点赞数

分类专栏：自定义控件文章标签： android

本文链接：https://blog.csdn.net/m0_38085948/article/details/107062094

版权

自定义控件专栏收录该内容

1 篇文章 0 订阅

订阅专栏

Android 自定义控制条

ControlBar

ControlBar

自定义一个可以调节大小的控件，可以根据宽高来指定控制条方向。当width >= heigth时，为横向控制条，否则为竖向控制条

onMeasure

根据用户给定的width与height计算控制条的坐标。
1.主要的计算思路
横向控制条坐标
先计算横向的的坐标点，竖向的坐标点即横向的逆时针旋转90度再向下移一个heigth的长度。

		//横向坐标点
        mHorLArcFirstPathX = mRadius + mLArcLength;
        mHorLArcFirstPathY = startY + mBarHeight * (1.0f - LITTLE_ARC_PER_WIDTH) / 2.0f ;
        //对应竖向坐标点
        mLArcFirstPathX = mHorLArcFirstPathY;
        mLArcFirstPathY = -mHorLArcFirstPathX + longSide;

onDraw

根据计算所得坐标点，构建路径，绘图

		super.onDraw(canvas);
        mBgPaint.setColor(Color.WHITE);
        canvas.drawPath(mBgPath, mBgPaint);
        mBgPaint.setColor(Color.GRAY);
        canvas.drawPath(mMaxPath, mBgPaint);
        canvas.drawPath(mPath, mPaint);
        mBgPaint.setColor(Color.WHITE);
        if(mDirection == HORIZONTAL){
            canvas.drawCircle(mRadius + mPercent * mBarWidth, mRadius, mRadius, mBgPaint);
            canvas.drawCircle(mRadius + mPercent * mBarWidth, mRadius, mRadius  - SPACING, mPaint);
        }else {
            canvas.drawCircle(mRadius, mHeight - (mRadius + mPercent * mBarWidth), mRadius, mBgPaint);
            canvas.drawCircle(mRadius, mHeight - (mRadius + mPercent * mBarWidth), mRadius  - SPACING, mPaint);
        }

onTouchEvent

根据手指滑动，动态调整数值大小

@Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()){
            case MotionEvent.ACTION_DOWN:
            case MotionEvent.ACTION_MOVE:
                float distance = 0;
                float maxDist = 0;
                switch (mDirection){
                    case HORIZONTAL:
                        distance = event.getX();
                        maxDist = mWidth;
                        break;
                    case VERTICAL:
                        distance = mHeight - event.getY();
                        maxDist = mHeight;
                        break;
                }
                if(distance <= mRadius){
                    updateView(MIN_VALUE);
                }else if(distance >= maxDist - mRadius){
                    updateView(MAX_VALUE);
                }else {
                    updateView(calculatingValue(distance));
                }
                return true;
            default:
                return super.onTouchEvent(event);
        }
    }