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

Question

我想知道是否有人可以提供提示或来源以实现"Circle - Who's Around？"中使用的以下滑块小部件.这是我第一次遇到这个,我不确定这个小部件的确切名称:

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

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

Answer 1

我相信有人可能仍在寻找这个,我不希望他们浪费时间试图解决这个问题.这是一个git 的链接,它可以使用文本标题进行分段搜索条/滑块,这样您就不需要添加静态图像,并担心在不同的屏幕尺寸下拉伸它.

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

Answer 2

这只是一个seekbar有习俗thumb和背景的。您可以使用 9patch 作为背景，这样它就可以很好地填充，然后将它们设置为您的样式