java - 用一个拇指自定义 rangeseekbar android

Question

我想得到这种类型的输出。我正在使用自定义 rangeseekbar。(引用自 this link )

我得到了这个输出。

但我想得到这种类型的输出..

黄色选择器是范围搜索栏的一种。我想创建自定义范围搜索栏，请帮助我。我已经创建了两个拇指 rangeseekbar，但我想创建单个图像显示 rangeseekbar，它应该是可拉伸(stretch)的。

提前致谢。

Answer 1

那个特定的库有非常具体的 Holo 主题 Seekbar 绘图代码。您将必须实现自己的绘图代码才能实现您正在寻找的效果。

库中的代码可以帮助您入门；

/**
     * Draws the widget on the given canvas.
     */
    @Override
    protected synchronized void onDraw(Canvas canvas) {
            super.onDraw(canvas);

            // draw seek bar background line
            final RectF rect = new RectF(padding, 0.5f * (getHeight() - lineHeight), getWidth() - padding, 0.5f * (getHeight() + lineHeight));
            paint.setStyle(Style.FILL);
            paint.setColor(Color.GRAY);
            paint.setAntiAlias(true);
            canvas.drawRect(rect, paint);

            // draw seek bar active range line
            rect.left = normalizedToScreen(normalizedMinValue);
            rect.right = normalizedToScreen(normalizedMaxValue);

            // orange color
            paint.setColor(DEFAULT_COLOR);
            canvas.drawRect(rect, paint);

            // draw minimum thumb
            drawThumb(normalizedToScreen(normalizedMinValue), Thumb.MIN.equals(pressedThumb), canvas);

            // draw maximum thumb
            drawThumb(normalizedToScreen(normalizedMaxValue), Thumb.MAX.equals(pressedThumb), canvas);
    }

您在这里看到的是 RangeSeekBar 类中的 onDraw 回调。这里绘制了蓝色和灰色的线条，然后在它们上面绘制了拇指。你将不得不做一些类似的事情，但使用你的特定逻辑、图形等。

因此，要么继承 RangeSeekBar 并扩展该库的功能，要么创建您自己的自定义 View 或 ViewGroup，遵循官方 Android 类(class)的提示； http://developer.android.com/training/custom-views/index.html