android - 如何在 Android 中获得工作的垂直 SeekBar？

Question

我已经实现了常用的 VerticalSeekBar 帖子 here .事实上，SeekBar 的操作有点古怪。这是我从该示例中稍微改编的 onTouchEvent() :

public boolean onTouchEvent(MotionEvent event)
    {
            xPos = event.getX();
            yPos = event.getY();
            oOffset = this.getThumbOffset();
            oProgress = this.getProgress();

            //Code from example - Not working
            //this.setThumbOffset( progress * (this.getBottom()-this.getTop()) );

            this.setProgress((int)(29*yPos/this.getBottom()));
            return true;
    }

我已经设法实现了一个 VerticalSeekBar，其中的进度按预期更新并且功能齐全，但拇指没有效仿。这只是一个图形故障，所以我现在忽略它。但是， 要是能正常工作就好了。这个 SeekBar 有 max = 20。

但是，我尝试使用 max = 1000 实现另一个 VerticalSeekBar。显然，它使用相同的代码，所以你会假设相同的行为。即使我的手指滑过 SeekBar 并最终离开屏幕，我也只能取得 0~35 的进度。如果我只是在进度条的末尾附近点击(应该是progress ~ 900)，它会返回大约 35 的进度，黄色进度条通过停留来反射(reflect)该值靠近顶部。

我的问题是:有没有人有一个可以工作的垂直 SeekBar 的链接，或知道如何调整这个特定的例子？

Answer 1

这是一个有效的 VerticalSeekBar 实现:

package android.widget;

import android.content.Context;
import android.graphics.Canvas;
import android.util.AttributeSet;
import android.view.MotionEvent;

public class VerticalSeekBar extends SeekBar {

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

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

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

    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(h, w, oldh, oldw);
    }

    @Override
    protected synchronized void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(heightMeasureSpec, widthMeasureSpec);
        setMeasuredDimension(getMeasuredHeight(), getMeasuredWidth());
    }

    protected void onDraw(Canvas c) {
        c.rotate(-90);
        c.translate(-getHeight(), 0);

        super.onDraw(c);
    }

    @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:
                setProgress(getMax() - (int) (getMax() * event.getY() / getHeight()));
                onSizeChanged(getWidth(), getHeight(), 0, 0);
                break;

            case MotionEvent.ACTION_CANCEL:
                break;
        }
        return true;
    }
}

要实现它，请在您的项目中创建一个新类，选择正确的包:

在那里，粘贴代码并保存。现在在您的 XML 布局中使用它:

<android.widget.VerticalSeekBar
  android:id="@+id/seekBar1"
  android:layout_width="wrap_content"
  android:layout_height="200dp"
  />