web-dev-qa-db-ja.com

チェックボックスと数値スライダーで設定し、スライダーのみに減らします

最大幅パラメーターに番号範囲スライダーを実装する必要があります。たとえば、最低のスライダー値は500で、最高のスライダー値は3.000の適切な値に設定します。

最初に、ユーザーは値を設定するかどうかを選択します。スライダーを有効/無効にするチェックボックスの使用を考えています。ユーザーが値を設定したくない場合、結果は最大幅がないということです。これは最大幅が無限であると言うことと同じです。

私の質問:チェックボックスの使用を回避する方法はありますか?スライダーで非常に高い値(たとえば10.000)を設定する方法が考えられます。しかし、これはスライダーを実際の値に使用することを難しくします。

1
Alvaro

ユーザーが500〜3000の値の範囲で値を設定したい場合、正確な値に移動するのは難しい場合があります(特にモバイルタッチ環境内でドラッグしようとする場合)。ほとんどの場合、入力ボックスの方が効率的であるため、UIの一部として含めるか、入力を優先して範囲スライダーを除外することを検討する必要があります。

正確な幅が問題にならない場合は、マイルストーンを含み、最大数を無制限にする階層型スライダーを検討してください。 enter image description here

1
Poyi

多分このようなものがうまくいくかもしれません:

無効なテキスト入力の最小値と3000+(3kを超える)の最大値を表示します。

Slider

1
William Martins