コンテンツにスキップ

英文维基 | 中文维基 | 日文维基 | 草榴社区

「スピンボタン」の版間の差分

出典: フリー百科事典『ウィキペディア(Wikipedia)』
削除された内容 追加された内容
Cewbot (会話 | 投稿記録)
Cewbot (会話 | 投稿記録)
8行目: 8行目:
[[Adobe Photoshop]]では、RGBカラー値などの数値のみが入力可能なテキストボックスは、スピンボタンはないものの、スピンエディットのようにキーボードの上下矢印キーを押下することで数値を増減させることができる<ref>[https://helpx.adobe.com/jp/photoshop/using/default-keyboard-shortcuts.html Adobe Photoshop の初期設定のショートカットキー]</ref>。
[[Adobe Photoshop]]では、RGBカラー値などの数値のみが入力可能なテキストボックスは、スピンボタンはないものの、スピンエディットのようにキーボードの上下矢印キーを押下することで数値を増減させることができる<ref>[https://helpx.adobe.com/jp/photoshop/using/default-keyboard-shortcuts.html Adobe Photoshop の初期設定のショートカットキー]</ref>。


一方、タッチスクリーンを搭載した[[スマートフォン]]や[[タブレット (コンピュータ)|タブレット端末]]など、タッチインターフェイスが標準的となっている場合は、小さなスピンボタンの操作は難しいため、+/-のアイコンが描かれた大きなボタンや、スロットのリールに似た数値ピッカーなどが代替として使われる。例えば[[iOS (アップル)|iOS]]ではバージョン5.0以降で<code>UIStepper</code>を標準化している<ref>[https://developer.apple.com/documentation/uikit/uistepper UIStepper - UIKit | Apple Developer Documentation]</ref>。また、[[Android (オペレーティングシステム)|Android]]ではバージョン3.0 (APIレベル11) 以降で<code>NumberPicker</code><ref>[https://developer.android.com/reference/android/widget/NumberPicker NumberPicker | Android Developers]</ref>を標準化している。
一方、タッチスクリーンを搭載した[[スマートフォン]]や[[タブレット (コンピュータ)|タブレット端末]]など、タッチインターフェイスが標準的となっている場合は、小さなスピンボタンの操作は難しいため、+/-のアイコンが描かれた大きなボタンや、スロットのリールに似た数値ピッカーなどが代替として使われる。例えば[[IOS (Apple)|iOS]]ではバージョン5.0以降で<code>UIStepper</code>を標準化している<ref>[https://developer.apple.com/documentation/uikit/uistepper UIStepper - UIKit | Apple Developer Documentation]</ref>。また、[[Android (オペレーティングシステム)|Android]]ではバージョン3.0 (APIレベル11) 以降で<code>NumberPicker</code><ref>[https://developer.android.com/reference/android/widget/NumberPicker NumberPicker | Android Developers]</ref>を標準化している。


== 脚注 ==
== 脚注 ==

2021年5月20日 (木) 23:36時点における版

スピンボックスの例。下にあるのはチェックボックス

スピンボタンspin button)はGUIパーツ(ウィジェット)の一種。主としてテキストボックス(テキストフィールド)の横に三角形マークの付いた小さな増減ボタン(▲/▼)として配置され、数値の入力などを補助するためのコントロールである。TVリモコンでいえばチャンネル送りボタンや音量ボタンに相当する。スピンボタンのついたテキストボックスのことはスピンボックスと呼ばれる。スピンエディットという名称のコントロールとして提供しているウィジェット・ツールキットも存在する[1].NET FrameworkWindows FormsではNumericUpDownコントロールとして提供されている[2]

通例テキストボックスには不定値の入力が可能だが、それゆえ操作の自由度が高く、「1だけ増やした数」などはかえって入力が面倒になる傾向がある。例えば19に1を足せば20であり、二桁の書き換えが必要である。また数字以外のアルファベットなどを誤入力する可能性も考えられる。

これらの問題に対し、操作を増加/減少のみに絞った補助機構がスピンボタンである。一般に、わずかな量の増減を行なう場合はスピンボタンを操作する方が高速である。最大・最小値でループするケースもあり、入力範囲の限定にも有効であることが分かる。スピンボタンを持つテキストボックスにフォーカスがあるとき、キーボードの上下矢印キー(↑/↓)でも増減させることができ、またキーを押し続けることでキーリピートにより高速に増減することができるようになる。

Adobe Photoshopでは、RGBカラー値などの数値のみが入力可能なテキストボックスは、スピンボタンはないものの、スピンエディットのようにキーボードの上下矢印キーを押下することで数値を増減させることができる[3]

一方、タッチスクリーンを搭載したスマートフォンタブレット端末など、タッチインターフェイスが標準的となっている場合は、小さなスピンボタンの操作は難しいため、+/-のアイコンが描かれた大きなボタンや、スロットのリールに似た数値ピッカーなどが代替として使われる。例えばiOSではバージョン5.0以降でUIStepperを標準化している[4]。また、Androidではバージョン3.0 (APIレベル11) 以降でNumberPicker[5]を標準化している。

脚注

関連項目