微調控件

發行項
03/12/2025

注意

此設計指南已針對 Windows 7 建立，但尚未更新較新版本的 Windows。大部分指引仍適用原則，但簡報和範例不會反映我們目前的設計指導方針。

透過微調控件，使用者可以按兩下箭號按鈕，以累加方式變更其相關聯數值文字框內的值，。微調方塊一詞是指文本框及其相關聯微調控件的組合。

微調控件和文本框的螢幕快照

典型的微調方塊。

使用者通常會偏好微調控件，因為它們可以在不移動滑鼠的情況下進行變更。當微調控件與文本框配對時，使用者可以直接在文本框中輸入或貼上輸入，因此使用微調控件是選擇性的。

雖然微調控件用於數值輸入，但輸入不一定是純整數。輸入可以是十進位數，而且它可以有負號、分隔符（例如冒號或連字元），以及單位修飾詞。

注意

與文字框和版面配置相關的指導方針會以個別文章呈現。

這是正確的控件嗎？

若要決定，請考慮下列問題：

控制項是否用於數值輸入？ 如果沒有，請使用另一個控件，例如下拉式清單或滑桿，從固定的值集中選取。使用滾動條進行捲動。
使用者是否將此值視為相對數量，而不是數值？ 如果是，請改用滑桿。只針對確切的已知數值使用微調方塊。例如，用戶會考慮將其音訊音量設定為低或中，而不是將值設定為 2 或 5。
控件是否與文本框配對？ 如果沒有，請勿使用。微調控件不應單獨使用，或與文本框以外的其他類型的控件搭配使用。

不正確：

微調控件、圖形、無文本框

在此範例中，微調控件是用來控制動態圖形。
連續值範圍是否有效？ 如果沒有，請改用有效值的下拉式清單。

下拉式清單

在此範例中，並非所有磁碟驅動器號碼都有效，因此下拉式清單是較佳的選擇。
使用微調控件是否實用？ 使用微調控件很實用：
- 輸入小數位，通常小於 100。
- 對現有或預設值進行小變更。
雖然微調控件可用於任何數值輸入，但在這些值以外的情況下，它們效率不佳。
微調控件是否有用？ 控制項是否用於使用者可能使用滑鼠的內容中？如果沒有，請考慮微調控件選擇性。
同層級控件下拉式清單嗎？ 如果有其他下拉式清單，請考慮使用下拉式清單來保持一致性。

具有下拉式清單的對話框

在此範例中，可以使用微調方塊，但下拉式清單會用於一致性。
觸控或畫筆使用者是主要目標嗎？ 如果是，請考慮改用下拉式清單。微調控件中的箭頭按鈕太小，無法有效率地搭配觸控或手寫筆使用。

如果有可能使用滑桿或微調方塊，請在下列情況下使用微調方塊：

屏幕空間很緊。
使用者可能偏好使用鍵盤。

如果使用下列方法，請使用滑桿：

使用者將受益於立即意見反應。

指引

常規

每當旋轉控件實用且實用時，請使用微調控件。 請參閱這是正確的控件嗎？
- 例外狀況： 若要與相同使用者介面（UI）上的其他文本框保持一致，即使它們不一定可行，仍使用微調控件。
正確：

在此範例中，微調控件會與年份控件搭配使用，以保持一致性，即使它不一定可行。

不正確：

ip 位址微調控件的

在此範例中，微調控件無法使用。
一律將文本框的「朋友」設為微調控件。 這樣做會將微調控件放在文本框內。

正確：

放置在文字框內微調控件的螢幕快照

不正確：

放置在文字框外微調控件的螢幕快照

在正確的範例中，微調控件會放在其相關聯的文本框內。
停用其相關聯的文本框時，停用微調控件。 微調控件是補充的輸入方法，絕不是唯一的輸入方法。

值

定義頂端按鈕，將值增加一個單位，而底部按鈕則會減少一個單位。 一般而言，單位是一個單位，但它應該是值中最小的常見變更。在理想情況下，微調控件應該涵蓋所有有效值，而且應該比在文字中輸入更方便。

在此範例中，按兩下微調控件會將值變更為 .1，這是值中最小的常見變更。使用較小的單位會涵蓋有效值的範圍，但讓微調控件無法使用。
使用微調控件將輸入限制為有效值。 使用微調控件絕對不會產生不正確的值。
在有效值範圍的結尾，重新啟動範圍。 微調控件比喻是使用者正在旋轉值輪，因此這種輪式行為。
- 例外狀況：如果產生的值肯定不正確， 不要重新啟動範圍。
  
  在此範例中，按兩下向下箭號按鈕並不會重新啟動範圍（移至最大值），因為該值肯定不正確。
使用文字而非特殊數值。 允許使用者微調這些特殊值，而不必知道這些值，並輸入它們。

在此範例中，Never 是一個特殊值，但使用者可以旋轉它。
如果值具有分隔符，相關聯的文本框應該有多個輸入焦點。 這樣做可讓數值區段個別作。

在此範例中，微調控件會影響小時、分鐘、秒和 A.M./P.M.的值，無論哪一個都有焦點。
如果值具有單位，請使用微調控件來變更這些單位。

在此範例中，微調控件可用來變更單位。