如何使分段搜索栏/滑块看起来像下面? [英] How to make segmented seekbar/slider look like following?

查看:191
本文介绍了如何使分段搜索栏/滑块看起来像下面?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我想知道是否有人能提供线索或源实现以下中使用滑块控件圈 - 谁的身边这是第一次我曾经碰到这个,我不知道该怎么准确地命名这个小部件:

I was wondering if anyone can provide hint or source to achieve following slider widget used in "Circle – Who's Around?" This is the first time I have ever came across this and I am not sure what to exactly name this widget.:

我在考虑使用自定义搜索栏的背景要做到这一点,但是,我不知道我怎么找出精确的像素搜索栏将达到下一步。因为,这将是独立的设备。就我而言,我打算使用图像,而不是指标。

I was thinking of using custom seekbar background to do this but, I am not sure how do I figure out exact pixels that the seekbar will reach of next step. Since, that will be independent to devices. In my case I am planning to use images, rather than the indicators.

请不要点这个链接<一个href="http://www.mokasocial.com/2011/02/create-a-custom-styled-ui-slider-seekbar-in-android/">http://www.mokasocial.com/2011/02/create-a-custom-styled-ui-slider-seekbar-in-android/因为这不是我想要实现。他们似乎已经习惯了静态图像页脚显示ð,W,K。我已经尝试了应用程序,它甚至不踩的确切点或D,W,K。我已经看过了AT&amp; T公司的Andr​​oid滑块控件,但是,他们似乎并没有提供任何它的源代码。我已经发现了一些iOS的开发者实现了,但是,我真的不明白OBJ C code。在为了实现在Android系统。

Please don't point to this link http://www.mokasocial.com/2011/02/create-a-custom-styled-ui-slider-seekbar-in-android/ because this is not what I want to achieve. They seem to have used static image footer to show D,W,K. I have tried that app and it doesn't even step to the exact dots or D,W,K. I have looked at AT&T Android Slider Controls but, they don't seem to provide any source for it. I have found some iOS devs achieving that but, I don't really understand obj C code in order to achieve that in Android.

推荐答案

我相信有人可能仍然在寻找这一点,我不想让他们浪费他们的时间试​​图弄明白。这里是一个链接到可以做分段搜索栏/滑盖文本标题,这样你就不会需要添加的git静态图像和担心得到它在不同的屏幕尺寸拉伸。

I am sure someone may still be looking for this and I don't want them to waste their time trying to figure it out. Here is a link to the git which can do segmented seekbar/slider with text headers so that you won't need to add static image and worry about getting it stretched in different screen sizes..

这是我已经能够实现修改源和属性。我已经改变行程值,绘环,改变填充,文本大小,以使文本可见的和明确的,并修改了code以下,实现UI。

This is what I have been able to achieve modifying the source and the properties. I have changed stroke values, painted rings, changed padding, text size to make text visible and clear and modified the code to achieve UI below.

这篇关于如何使分段搜索栏/滑块看起来像下面?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆