自定义实现只允许拖拽不允许点击的seekbar进度条

最近要实现一个需求，seekbar 只允许拖动调整，不允许点击调整进度条位置。于是本着不去重复发明轮子的精神去网上找方法...

首先是尝试了这么一种写法：

        oldProgress = mSeekBar.getProgress();
        mSeekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
            @Override
            public void onProgressChanged(SeekBar seekBar, int progress, boolean fromTouch) {
                if(progress > oldProgress + 3 || progress < oldProgress - 3){
                    seekBar.setProgress(oldProgress);
                    return;
                }
                seekBar.setProgress(progress);
                oldProgress = progress;
            }
            @Override
            public void onStartTrackingTouch(SeekBar seekBar) {

            }
            @Override
            public void onStopTrackingTouch(SeekBar seekBar) {

            }
        });

从代码逻辑来看，没有任何问题，在onProgressChanged中判断新的progress与oldprogress的差距，超出一定范围就认为是点击调整，就return掉，不改变进度条位置。

但是实操下来，发现这种方式点击调整确实被拦截掉了，但是拖拽操作只有在缓慢拖拽的情况下才会跟手，快速滑动时不跟手，体验很不好。原因是即使是拖拽的情况，onProgressChanged 的回调里 progress并不是连续的，快速拖拽时，方法中的progress参数可能跨度也非常大，也会被认为是点击操作而被拦截。于是只能自定义SeekBar，拦截它的Touch事件来实现。代码如下：

package com.example.sahara.customseekbar;

import android.content.Context;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.widget.SeekBar;

public class CustomSeekBar extends SeekBar {

    private Rect mRect;
    private boolean mInterceptClick = false;

    public CustomSeekBar(Context context) {
        super(context);
    }

    public CustomSeekBar(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    public CustomSeekBar(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        float x = ev.getX();
        float y = ev.getY();
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                Drawable drawable = getThumb();
                mRect = drawable.getBounds();
                if (mInterceptClick) {
                    return interceptAction(x, y);
                }
                break;
        }

        return super.onTouchEvent(ev);
    }

    /**
     *  主要逻辑都在这里，主要思路就是判断触摸点位置是否在进度条的小圆点里
     *
     *  这里分别向左右扩大了50像素，目的是为了优化拖拽体验，因为小圆点非常小，
     *  拖拽时可能没那么准确的触摸到小圆点区域，导致很难进行拖拽
     */
    private boolean interceptAction(float x, float y) {
        if(mRect == null){
            return true;
        }
        Rect rect = new Rect(mRect.left - 50, mRect.top, mRect.right + 50, mRect.bottom);
        if (rect != null) {
            if (rect.contains((int) (x), (int) (y))) {
                return true;
            } else {
                return false;
            }
        } else {
            return true;
        }
    }

    public void interceptAction(boolean interceptClick) {
        mInterceptClick = interceptClick;
    }
}

        mCustomSeekBar = findViewById(R.id.custom_seekbar);
        mCustomSeekBar.interceptAction(true);

至此一个非常丝滑的 seekbar 就完成了...如果想完成更多的拦截需求，都可以参照这种方式~

GIF.gif

自定义实现只允许拖拽不允许点击的seekbar进度条

推荐阅读更多精彩内容