美文网首页
自定义实现只允许拖拽不允许点击的seekbar进度条

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

作者: 最忆是深秋 | 来源:发表于2018-06-13 23:27 被阅读42次

   最近要实现一个需求,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进度条

      本文链接:https://www.haomeiwen.com/subject/bniseftx.html