请求在Android中创建自定义SeekBar的指导。 (如图所示)

时间:2016-01-03 13:49:16

标签: java android seekbar android-seekbar

我有一个创建SeekBar的任务,如下所示:

enter image description here

我的问题是:如何对搜索栏进行分段?我之前制作了自定义搜索栏,但我不知道如何将条形图分割出来,线条延伸超出搜索条的高度。

我偶然发现了一个库,即ComboSeekBar,但它并没有多大帮助。

提前感谢愿意提供帮助的任何人!

干杯!

2 个答案:

答案 0 :(得分:3)

我已经看到了两种方法

  1. 使用背景Drawable

    使用setBackgroundDrawable()创建并选择您的搜索栏。

  2. 使用第三方库:

  3.   

    RangeSliderView :(最小SDK API 14):

         

    https://github.com/channguyen/range-slider-view

         

    enter image description here

         

    RangeSeekbar:

         

    https://github.com/dolphinwang/RangeSeekbar

         

    RangeBar:

         

    https://github.com/edmodo/range-bar

    同时检查这个未完成的项目:https://github.com/feelinglucky/RadioSeekBar

    希望有所帮助

答案 1 :(得分:0)

对于任何需要像我一样创建类似Seekbar的人:

这个库正是我需要的,除了它有两个拇指,没有办法消除其中一个。

https://github.com/edmodo/range-bar

enter image description here

我设计了一点" hack"为此:初始化Range-Bar时,您可以通过此方法设置拇指索引,如wiki:

中所述
RangeBar rangebar = (RangeBar) findViewById(R.id.rangebar);
rangebar.setThumbIndices(5,5); //indices example

当拇指索引发生变化时,在以下方法中将搜索条拇指设置为相同的位置:

rangebar.setOnRangeBarChangeListener(new RangeBar.OnRangeBarChangeListener() {
@Override
public void onIndexChangeListener(RangeBar rangeBar, int leftThumbIndex, int rightThumbIndex) { 
    //Code using the leftThumbIndex and rightThumbIndex to update the index values.
    rangeBar.setThumbIndices(leftThumbIndex, leftThumbIndex);
    }
});

希望它对任何人都有用。

感谢大家的帮助!

干杯!