Flex:控制 HSlider 上 2 个拇指可以分开的最大距离
我正在使用带有 2 个拇指的 HSlider。如何设置拇指分开的最大距离? (我的意思不是滑块轨道全长的最小值和最大值)。
就我而言,我使用的是日期。但是假设完整的滑块轨道长度从 0 到 100。如何才能使拇指 A 与拇指 B 之间的最大距离在任何时候都是 30?因此,用户可以在轨道上的任何位置选择从 0 到 30 的范围。
<code:HSlider id="dateRange"
allowThumbOverlap="true" thumbCount="2" showDataTip="false"
liveDragging="true" lockRegionsWhileDragging="true"
change="dateChange();"
showTrackHighlight="true" tickThickness="5" width="100%"
/>
有什么建议吗?
I'm using an HSlider with 2 thumbs. How do I set the maximum distance that the thumbs can be apart? (I don't mean the min. and max. values of slider track's full length).
In my case, I'm using dates. But let's say that the full slider track length goes from 0 to 100. How do I make it so that the maximum distance thumb A can be from thumb B at anytime is 30? So, the user can select a range from 0 up to 30 anywhere on the track.
<code:HSlider id="dateRange"
allowThumbOverlap="true" thumbCount="2" showDataTip="false"
liveDragging="true" lockRegionsWhileDragging="true"
change="dateChange();"
showTrackHighlight="true" tickThickness="5" width="100%"
/>
Any suggestions?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您可以扩展 HSlider 来添加一个属性,用于检查用户更改它时是否超出范围(使用更改属性),或者您只需在
dateChange
函数中检查它并确保它在范围内。如果没有,请手动设置该值。Either you extend HSlider to add a property for that which checks if it goes beyond that when the user changes it (with the change property) or you just check it in the
dateChange
function and make sure it's within bounds. If not, set the value manually.