带分隔符的 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

您的图像完全显示 this library ( my fork )。如果不允许您使用它，您至少可以检查解决方案并编写自己的代码。

检查 ComboSeekbar onDraw方法。检查 fork 的 ComboSeekbar onDraw method .

使用示例:

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

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

2. 在应用程序主模块(可能是“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 中使用以下代码对其进行初始化:

   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: