给定输入范围受限的输出值公式 - 滑块 UI

Posted

技术标签:

【中文标题】给定输入范围受限的输出值公式 - 滑块 UI【英文标题】:Formula for output value given a restricted range of input - Slider UI 【发布时间】:2015-03-05 20:23:27 【问题描述】:

给定这些参数:

minX = 10.0
maxX = 200.0
minY = 300
maxY = 700

用户可以在 minX 和 maxX 之间移动 x。求 y,使其在 minY 和 maxY 之间的比例与 x 在 minX 和 maxX 之间的比例相同。因此,如果 x = 10,则 y = 300。如果 x = 200,则 y = 700。

虽然 x 是浮点数,但 y 必须是整数。

这个公式会是什么样子?

我尝试了以下方法,但效果相反。

y = minY + (double)(maxX - x) / maxX * (maxY - minY)

【问题讨论】:

【参考方案1】:

这应该可行:

((x - minX) / (double)(maxX - minX)) * (maxY - minY) + minY

((x - minX) / (double)(maxX - minX)) 计算xx 范围内的“百分比”。然后你只需乘以 y 范围的大小 ((maxY - minY)) 并加上下限即可得到 y

【讨论】:

以上是关于给定输入范围受限的输出值公式 - 滑块 UI的主要内容,如果未能解决你的问题,请参考以下文章

根据无功输出值设置最大滑块输入值

JQuery UI 范围滑块值

Shiny R仅绘制滑块范围的极值

Jquery slider范围滑块,为两个滑块设置不同的setp值

jQuery范围滑块 - 获取表单提交的范围值?

具有负值的 HTML 输入类型范围(滑块)