Android SeekBar带分隔符

Question

我正在制作一个自定义SeekBar,如下图所示.

在通过互联网搜索后,我无法找到满足此问题的最佳解决方案.以下代码是正常的SeekBar控件,请帮我改变上面的图像.

<SeekBar
 android:id="@+id/seekBar"
 android:layout_width="fill_parent"
 android:layout_height="@dimen/sbumit_form_field_height"
 android:layout_marginTop="@dimen/sbumit_form_field_top_mergin"
 android:layout_marginLeft="@dimen/sbumit_form_field_side_mergin"
 android:layout_marginRight="@dimen/sbumit_form_field_side_mergin"
 android:max="6"/>

Answer 1

你的图像显示了这个库(我的叉子).如果您不被允许使用它您至少可以检查解决方案并编写您自己的代码.

检查ComboSeekbar onDraw方法. 检查分叉的ComboSeekbar onDraw方法.

用法示例:

1. 打开项目build.gradle(根文件夹)并添加:

   allprojects {
       repositories {
           maven { url "http://dl.bintray.com/arnoult-antoine/maven/" }
           ...
       }
   }
   

2. 在app主模块(可能是"app"目录)build.gradle文件中,用于编译库添加:

   dependencies {
       ...
       compile 'com.aat:android-comboseekbar:1.0.2@aar'
   }
   

3. 转到XML布局文件并放入:

   <com.infteh.comboseekbar.ComboSeekBar 
       xmlns:cbs="http://schemas.android.com/apk/res-auto"
       android:id="@+id/comboseekbar"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       cbs:myColor="@android:color/black"
       cbs:textSize="16sp" />
   

4. 在Activity onCreate init中,例如这段代码:

   ComboSeekBar comboSeekBar = (ComboSeekBar) findViewById(R.id.comboseekbar);
   List<String> points = new ArrayList<>();
   points.add("Point 1");
   points.add("Point 2");
   points.add("Point 3");
   points.add("Point 4");
   comboSeekBar.setAdapter(points);
   

5. 享受您的Combo Seekbar: