首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在安卓中获得一个有效的垂直SeekBar?

如何在安卓中获得一个有效的垂直SeekBar?
EN

Stack Overflow用户
提问于 2011-02-04 05:56:08
回答 8查看 45.5K关注 0票数 53

我已经实现了通常指向的VerticalSeekBar post here。实际上,SeekBar的操作有点怪异。下面是我从该示例中略微修改的onTouchEvent()

代码语言:javascript
复制
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。显然,它使用相同的代码,因此您将假定相同的行为。我只能实现0~35的进度,即使我的手指滑出SeekBar并最终离开屏幕。如果我只是点击进度条(应该是progress ~ 900)的末尾,它会返回大约35的进度,黄色的进度条通过保持在顶部附近来反映该值。

我的问题是:有没有人有一个可以工作的垂直SeekBar的链接,或者知道如何适应这个特定的例子?

EN

回答 8

Stack Overflow用户

回答已采纳

发布于 2011-09-08 07:16:50

下面是一个有效的VerticalSeekBar实现:

代码语言:javascript
复制
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布局中使用它:

代码语言:javascript
复制
<android.widget.VerticalSeekBar
  android:id="@+id/seekBar1"
  android:layout_width="wrap_content"
  android:layout_height="200dp"
  />
票数 150
EN

Stack Overflow用户

发布于 2011-11-01 02:05:22

接受答案中给出的代码没有拦截onStartTrackingTouch和onStopTrackingTouch事件,因此我对其进行了修改,使其能够更好地控制这两个事件。

下面是我的代码:

代码语言:javascript
复制
public class VerticalSeekBar extends SeekBar {

private OnSeekBarChangeListener myListener;
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());
}

@Override
public void setOnSeekBarChangeListener(OnSeekBarChangeListener mListener){
    this.myListener = mListener;
}

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:
            if(myListener!=null)
                myListener.onStartTrackingTouch(this);
            break;
        case MotionEvent.ACTION_MOVE:
            setProgress(getMax() - (int) (getMax() * event.getY() / getHeight()));
            onSizeChanged(getWidth(), getHeight(), 0, 0);
            myListener.onProgressChanged(this, getMax() - (int) (getMax() * event.getY() / getHeight()), true);
            break;
        case MotionEvent.ACTION_UP:
            myListener.onStopTrackingTouch(this);
            break;

        case MotionEvent.ACTION_CANCEL:
            break;
    }
    return true;
}
}
票数 31
EN

Stack Overflow用户

发布于 2011-10-30 04:36:11

在setProgress方法中使用这段代码时,我遇到了问题。为了解决这些问题,我建议覆盖setProgress并向其添加onSizeChanged调用。

票数 13
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4892179

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档