3个相互连接的滑块

Question

我已经在这个问题上绞尽脑汁待了两天,我尝试了不同的东西,但没有一个能奏效.我正在构建一个应用程序,这是一种quizz.有三个主题包含问题.我想使用3个滑块来定义他们想要在每个主题上的问题百分比.

ex : slider one   = History
     slider two   = Maths
     slider three = Grammar

如果我选择了更多的历史记录,我会向上滑动历史记录滑块,其他滑块应根据3个滑块的值达到100%而减少...

算法的任何想法？当一个滑块达到零值时会发生什么？

数学从来就不是我的场景.

任何帮助将非常感谢.

提前致谢.

麦克风

Answer 1

虽然Snowangelic的答案很好,但我认为将未改变的值之间的比率限制如下是更有意义的.

设s1,s2,s3为滑块的当前值,因此s1 + s2 + s3 = 100.您想要为n1,n2,n3求解滑块的新值,以便n1 + n2 + n3 = 100.假设用户将s1更改为n1.然后,这会添加以下约束:

n2/n3 = s2/s3

所以问题的解决方案是n1 + n2 + n3 = 100

n2 =(100-n1)/(s3/s2 + 1)或0(如果s2 = 0)和

n3 =(100-n1)/(s2/s3 + 1)或0(如果s3 = 0)