在API版本16之前检测SeekBar中的拇指位置

时间:2013-09-04 19:24:44

标签: android android-layout seekbar android-compatibility

基本上,我需要检测SeekBar中进度何时发生变化,并在拇指顶部绘制一个文本视图,指示进度值。

我是通过实施OnSeekBarChangeListener来实现的 在public void onProgressChanged(SeekBar seekBar, int progress, boolean b)方法上,我调用Rect thumbRect = seekBar.getThumb().getBounds();来确定拇指的位置。

这非常合适,但显然getThumb()仅适用于API级别16+(Android 4.1),在早期版本中会导致NoSuchMethodError

知道如何解决这个问题?

4 个答案:

答案 0 :(得分:30)

我能够使用自己的类来获取Thumb:

<强> MySeekBar.java

package mobi.sherif.seekbarthumbposition;

import android.content.Context;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.widget.SeekBar;

public class MySeekBar extends SeekBar {

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

    Drawable mThumb;
    @Override
    public void setThumb(Drawable thumb) {
        super.setThumb(thumb);
        mThumb = thumb;
    }
    public Drawable getSeekBarThumb() {
        return mThumb;
    }

}

在活动中,这完美无缺:

package mobi.sherif.seekbarthumbposition;

import android.app.Activity;
import android.graphics.Rect;
import android.os.Bundle;
import android.util.Log;
import android.widget.SeekBar;
import android.widget.SeekBar.OnSeekBarChangeListener;

public class MainActivity extends Activity implements OnSeekBarChangeListener {
    MySeekBar mSeekBar;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mSeekBar = (MySeekBar) findViewById(R.id.seekbar);
        mSeekBar.setOnSeekBarChangeListener(this);
    }
    @Override
    public void onProgressChanged(SeekBar seekBar, int progress, boolean b) {
        Rect thumbRect = mSeekBar.getSeekBarThumb().getBounds();
        Log.v("sherif", "(" + thumbRect.left + ", " + thumbRect.top + ", " + thumbRect.right + ", " + thumbRect.bottom + ")");
    }
    @Override
    public void onStartTrackingTouch(SeekBar seekBar) {
        // TODO Auto-generated method stub

    }
    @Override
    public void onStopTrackingTouch(SeekBar seekBar) {
        // TODO Auto-generated method stub

    }
}

答案 1 :(得分:2)

希望这可以为其他人节省几个小时!

我创建了此方法而不是自定义seekBar:

public int getSeekBarThumbPosX(SeekBar seekBar) {
    int posX;
    if (Build.VERSION.SDK_INT >= 16) {
        posX = seekBar.getThumb().getBounds().centerX();
    } else {
        int left = seekBar.getLeft() + seekBar.getPaddingLeft();
        int right = seekBar.getRight() - seekBar.getPaddingRight();
        float width = (float) (seekBar.getProgress() * (right - left)) / seekBar.getMax();
        posX = Math.round(width) + seekBar.getThumbOffset();
    }
    return posX;
}

答案 2 :(得分:0)

一个出色的解决方案!谢谢。 只需添加使用自定义搜索条就可以修改你的xml

 <com.example.MySeekBar
      android:id="@+id/..."
      android:layout_width="0dp"
      android:layout_height="wrap_content"
      android:layout_gravity="center_vertical"
      android:layout_weight="1"
      android:minHeight="3dp"
      android:maxHeight="3dp"
      android:progressDrawable="@drawable/seek_bar_2"
      android:thumb="@drawable/thumbler_seekbart_circle"
      android:thumbOffset="8dp" />

机器人:thumbOffset =&#34; 8DP&#34; - 是一个拇指的半部分,它更好地加强,因此文本中心和拇指不会不匹配

定位可能如下所示:

int possition = (int) (seekBar.getX() //the beginning of the seekbar
+ seekBar.getThumbOffset() / 2        //the half of our thumb - the text to be above it's centre
+ ((MySeekBar) seekBar).getSeekBarThumb().getBounds().exactCenterX()); //position of a thumb inside the seek bar

答案 3 :(得分:0)

@Sherif elKhatib的答案很棒,但即使在API&gt; = 16上也有缓存副本拇指的缺点。 我已对其进行了改进,因此它只会将Thumb Drawable缓存在API&lt; = 15上,并覆盖SeekBar.java中的方法,以避免两个方法在API&gt; = 16上执行相同操作。唯一的缺点:它需要目标SDK为&gt; = 16,现在大多数应用都应如此。

public class ThumbSeekBar extends AppCompatSeekBar {

    private Drawable thumb;

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

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

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

    @Override
    public Drawable getThumb() {
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
            return super.getThumb();
        }
        return thumb;
    }

    @Override
    public void setThumb(Drawable thumb) {
        super.setThumb(thumb);
        if (Build.VERSION.SDK_INT < Build.VERSION_CODES.JELLY_BEAN) {
            this.thumb = thumb;
        }
    }
}