如何在SeekBar上显示最大值和最小值?

时间:2013-03-13 11:10:25

标签: android user-interface seekbar

我想做的事情:

  1. 我想在Android应用中实现SeekBarSeekBar我还要显示最大值和最小值。最小值始终为0,但最大值取决于剪辑长度。 (例如:0 --- 180)

  2. 有没有办法显示用户移动SeekBar时选择的值(在搜索栏上)?

  3. 我无法弄明白,如何与android SeekBar一起实现这一点,因为似乎没有任何可用于显示值的选项。

1 个答案:

答案 0 :(得分:5)

  

我想在Android应用中实现搜索栏。但就此而言   seekbar我还想显示最大值和最小值。最小值   将始终为0但最大值取决于剪辑长度。 (例:   0 --- 180)

     

有没有办法显示当用户>时选择的值(在搜索栏本身上)。移动搜索栏?

如果您希望SeekBar上的值位于之上,则扩展SeekBar类并覆盖onDraw方法。调用super.onDraw(canvas)后,您可以绘制自己的内容,例如SeekBar开头和结尾的最小/最大值或当前进度。制作看起来不错的东西(在所有看起来不同的Seekbars上)将会有点困难,因为您需要仔细计算绘制文本的位置和方式。

一种更简单的方法是制作一个自定义组件包裹SeekBar左侧和右侧TextView(当前进度可选TextView)并设置使用最小值/最大值(即使以编程方式设置最大值,也可以使最大TextView“跟随”这些更改)。知道SeekBar的宽度和当前进度,可以轻松计算和更新进度。

第二种情况的一个小例子:

public static class SeekBarWithValues extends RelativeLayout {

    private int mMax = 100;
    private TextView mMinText;
    private TextView mMaxText;
    private TextView mCurrentText;
    private SeekBar mSeek;

    public SeekBarWithValues(Context context, AttributeSet attrs) {
        super(context, attrs);
        LayoutInflater.from(getContext()).inflate(
                R.layout.content, this);
        // the minimum value is always 0
        mMinText = (TextView) findViewById(R.id.minValue);
        mMinText.setText("0");
        mMaxText = (TextView) findViewById(R.id.maxValue);
        mCurrentText = (TextView) findViewById(R.id.curentValue);
        mSeek = (SeekBar) findViewById(R.id.seekBar);
        mSeek.setMax(100);
        mMaxText.setText(String.valueOf(mSeek.getMax()));
    }

    /**
     * This needs additional work to make the current progress text stay
     * right under the thumb drawable.
     * 
     * @param newProgress
     *            the new progress for which to place the text
     */
    public void updateCurrentText(int newProgress) {
        mCurrentText.setText(String.valueOf(newProgress));
        final int padding = mMinText.getWidth() + mSeek.getPaddingLeft();
        final int totalSeekWidth = mSeek.getWidth();
        final RelativeLayout.LayoutParams lp = (LayoutParams) mCurrentText
                .getLayoutParams();
        final int seekLocation = (mSeek.getProgress() * totalSeekWidth)
                / mMax - mCurrentText.getWidth() / 2;
        lp.leftMargin = seekLocation + padding;
        mCurrentText.setLayoutParams(lp);
    }

    public SeekBar getSeekBar() {
        return mSeek;
    }

    public void updateSeekMaxValue(int newValue) {
        mMax = newValue;
        mMaxText.setText(mMax);
        mSeek.setMax(mMax);
    }

}

内容布局为:

<merge xmlns:android="http://schemas.android.com/apk/res/android" >

<TextView
    android:id="@+id/minValue"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBottom="@+id/seekBar"
    android:layout_alignParentLeft="true"
    android:layout_alignTop="@id/seekBar"
    android:gravity="center" />

<TextView
    android:id="@+id/maxValue"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBottom="@id/seekBar"
    android:layout_alignParentRight="true"
    android:layout_alignTop="@id/seekBar"
    android:gravity="center" />

<SeekBar
    android:id="@id/seekBar"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_toLeftOf="@id/maxValue"
    android:layout_toRightOf="@id/minValue" />

<TextView
    android:id="@+id/curentValue"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@id/seekBar"
    android:gravity="center" />

目前的文本往往比应有的更多,并且需要额外的工作才能将其放在搜索句柄下。