如何将屏幕触摸事件映射为垂直SeekBar的进度值？

嘿，这个需求其实挺好实现的，咱们一步步来搞定它～

要实现你要的效果，核心是自定义垂直SeekBar + 重写触摸事件逻辑，下面是具体步骤：

1. 自定义垂直SeekBar类 #

Android原生SeekBar是水平的，咱们直接写个自定义类把它改成垂直的，同时重写触摸事件来控制进度：

public class VerticalSeekBar extends SeekBar {

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

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

    public VerticalSeekBar(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    // 互换宽高测量，适配垂直显示
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(heightMeasureSpec, widthMeasureSpec);
        setMeasuredDimension(getMeasuredHeight(), getMeasuredWidth());
    }

    // 旋转画布，让SeekBar垂直绘制
    @Override
    protected void onDraw(Canvas canvas) {
        canvas.rotate(-90);
        canvas.translate(-getHeight(), 0);
        super.onDraw(canvas);
    }

    // 核心：处理触摸事件，按需求设置进度
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        if (!isEnabled()) return false;

        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
            case MotionEvent.ACTION_MOVE:
            case MotionEvent.ACTION_UP:
                // 获取SeekBar在屏幕上的位置，用来判断触摸点相对位置
                int[] barScreenPos = new int[2];
                getLocationOnScreen(barScreenPos);
                int barTopY = barScreenPos[1];
                int barHeight = getHeight();

                // 触摸点的原始屏幕Y坐标
                float touchRawY = event.getRawY();

                if (touchRawY < barTopY) {
                    // 触摸点在SeekBar上方，直接设为最大进度（100）
                    setProgress(getMax());
                } else if (touchRawY > barTopY + barHeight) {
                    // 触摸点在SeekBar下方，滑块停在底部（进度0），和触摸点水平线对齐
                    setProgress(0);
                } else {
                    // 触摸点在SeekBar范围内，计算对应进度：顶部=100，底部=0
                    float relativeTouchY = event.getY();
                    float progress = (barHeight - relativeTouchY) / barHeight * getMax();
                    setProgress((int) progress);
                }
                break;
            case MotionEvent.ACTION_CANCEL:
                break;
        }
        return true;
    }
}

2. 在布局中使用自定义SeekBar #

把自定义View加到你的布局文件里，设置好高度和最大进度：

<com.yourpackage.VerticalSeekBar
    android:id="@+id/verticalSeekBar"
    android:layout_width="wrap_content"
    android:layout_height="300dp"
    android:max="100"
    android:progress="50"/>

记得把com.yourpackage替换成你实际的包名哦。

3. 补充说明 #

• 触摸判断逻辑：通过getLocationOnScreen获取SeekBar在屏幕上的顶部坐标，对比触摸点的原始Y坐标，就能精准判断触摸位置是在SeekBar的上方、内部还是下方。
• 进度计算：在SeekBar内部时，用触摸点相对于SeekBar的Y坐标，计算出对应的进度值，保证滑块和触摸点处于同一水平线。
• 如果需要实时反馈，ACTION_MOVE事件会让滑块跟着触摸位置实时移动，体验更流畅。

内容的提问来源于stack exchange，提问作者lior_13