单拇指自定义rangeseekbar android

Question

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

我得到了这个输出。

​

​

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

​

​

黄色选择器是范围搜索栏的一种类型。我想创建自定义范围搜索栏，所以请帮助我。我已经创建了两个thumb rangeseekbar，但我想创建单个图像显示rangeseekbar，并且它应该是streatchable。

提前谢谢。

Answer 1

这个特定的库有非常特殊的全息主题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并扩展该库的功能，要么按照官方安卓课程中的提示创建自己的自定义视图或ViewGroup；http://developer.android.com/training/custom-views/index.html