web-dev-qa-db-ja.com

スライダーに代わるモバイルの代替品を知っていますか?

スライダーの代替ソリューションを探しています。必要なのは、ユーザーが特定の変数の変動に基づいて価格を簡単に比較できるようにするものです。例:ACシステムをオンにする時間数を設定し、次の請求に費やす金額と消費するkw/hの数を表示できます。多くの操作を必要としないものを希望します(例:範囲値を選択するためのドロップダウン)。

何か考えはありますか?

ありがとうございました

1
Matteo Vacca

スピナーは(の?)最も一般的な入力方法です。

enter image description here

それは本質的に、あなたがあなたのポイントをスライドさせないが、基礎となるナンバーラインをスライドさせる本当に大きなスライダーです。

同じメカニズムを使用できますが、代わりに水平にします。

enter image description here これは、スピナーのメタファーから構築されますが、自然なスワイプの方向、スライダーのアイデア、および定規や巻尺などの実際のアイテムに合わせます。

[+]と[-]を側面に配置して微調整することもできます。

1
PixelSnader

スライダーを使用したくない理由がわかりません。 2つの範囲の値があるためですか?

2つの範囲値がある場合は、x-yスライダーを使用できます。ユーザーが正方形内でx方向とy方向の両方にドラッグできるピップを含む正方形。結果は、ピップの位置を反映するようにリアルタイムで変化します。例では、1つの軸を使用時間に、もう1つの軸を温度設定度にできます。

範囲の値が1つだけの場合は、どのプラットフォームでも、これが通常のスライダーの目的です。タッチの場合は、マウスカーソルの代わりに指で使用できるように大きくするだけです。

0
Simon White

スライダーが不要な場合、モバイルフレンドリーなソリューションは、時間の読み取り専用値の横に「+」ボタンと「-」ボタンを配置することです。このようなもの:

[+] X時間[-]

または

X時間[+] [-]

0
danielone