Flex:控制 HSlider 上 2 个拇指可以分开的最大距离

发布于 2024-11-07 04:39:13 字数 475 浏览 0 评论 0原文

我正在使用带有 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

撕心裂肺的伤痛 2024-11-14 04:39:13

您可以扩展 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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文