Question

我想知道是否有人可以提供提示或来源以实现“Circle - Who's Around？”中使用的以下滑块小部件。这是我第一次遇到这个，我不确定这个小部件的确切名称： enter image description here

enter image description here

我正在考虑使用自定义搜索栏背景来执行此操作，但我不知道如何确定搜索栏将在下一步中达到的确切像素。因为，这将独立于设备。在我的情况下，我计划使用图像，而不是指标。

请不要指向此链接http://www.mokasocial.com/2011/02/create-a-custom-styled-ui-slider-seekbar-in-android/，因为这不是我想要实现的目标。他们似乎使用静态图像页脚来显示D，W，K。我已经尝试过那个应用程序，它甚至没有走到精确的点或D，W，K。我看过AT＆amp; T Android Slider Controls但它们似乎没有为它提供任何来源。我发现一些iOS开发者实现了这一点但是，我并不真正了解obj C代码以便在Android中实现这一点。

Answer 1

我相信有人可能仍在寻找这个，我不希望他们浪费时间试图解决这个问题。这是git的link，它可以使用文本标题创建分段搜索条/滑块，这样您就不需要添加静态图像，并且担心将其拉伸到不同的屏幕尺寸中。

这是我能够实现的修改源和属性。我更改了笔画值，绘制了环，更改了填充，文本大小以使文本可见和清晰，并修改了代码以实现下面的UI。 enter image description here

Answer 2

关注@Milanix使用https://github.com/karabaralex/android-comboseekbar处的库回答，这是一个最适合我的示例代码：

<com.infteh.comboseekbar.ComboSeekBar
        android:id="@+id/seekbar" 
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        custom:color="#000"
        custom:textSize="12sp"
        custom:multiline="false"
        />

然后在活动中

private ComboSeekBar mSeekBar;
List<String> seekBarStep = Arrays.asList("All","1","5","10","20");
mDistanceSeekBar.setAdapter(seekBarStep);

这将使用默认drawable创建黑色分段搜索条。如果您需要添加一些自定义设置，请查看ComboSeekBar.onDraw()，CustomDrawable.draw()和CustomThumbDrawable.draw()。

这个项目已经完成，但仍然是一个坚实的起点。

Answer 3

这只是seekbar，其中包含自定义thumb和背景。您可以使用9patch作为背景，这样它可以很好地填充，只需将它们设置为您的样式

Answer 4

@Giulio感谢您的发帖，我和Ron Eskinder有同样的问题。我通过在xml文件中删除：“custom：color”，“custom：textsize”和“custom：multiline”来修复它。然后在Java中我把它：

mSeekBar =  (ComboSeekBar) findViewById(R.id.seekbar);
List<String> seekBarStep = Arrays.asList("All","1","5","10","20");
mSeekBar.setAdapter(seekBarStep);

希望这会有所帮助

如何使分段搜索条/滑块看起来如下？

4 个答案: