定制rangeseekbar android用一个拇指

Question

我想得到这种类型的输出.我正在使用自定义rangeseekbar.(参考此链接)

我有这个输出.

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

黄色选择器是一种范围搜索栏.我想创建自定义范围搜索栏,所以请帮助我.我已经创建了两个拇指rangeseekbar,但我想创建单个图像显示rangeseekbar,它应该是streatchable.

提前致谢.

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 课程的提示；http://developer.android.com/training/custom-views/index.html