清單方塊
注意
此設計指南是針對 Windows 7 所建立，尚未針對較新版本的 Windows 進行更新。 大部分的指導方針仍以原則方式套用，但簡報和範例不會反映 我們目前的設計指導方針。
透過清單方塊，使用者可以從一律可見的清單中呈現的一組值中選取。 使用單一選取清單方塊，使用者從互斥值清單中選取一個專案。 使用多重選取清單方塊時，使用者會從值清單中選取零個或多個專案。
典型的單一選取清單方塊。
這是正確的控制項嗎？
若要決定使用時機，請考量下列問題：
- 清單會呈現資料，而不是程式選項嗎？ 無論專案數目為何，清單方塊都是適合的選擇。 相反地， 選項按鈕 或 核取方塊 僅適用于少數程式選項。
- 使用者是否需要變更檢視、群組、依資料行排序，或變更資料行寬度和順序？ 如果是，請改用 清單檢視 。
- 控制項是否需要是拖曳來源或置放目標？ 如果是，請改用清單檢視。
- 清單專案是否需要從剪貼簿複製或貼上？ 如果是，請改用清單檢視。
單一選取清單
- 控制項是否用來從互斥值清單中選擇一個選項？ 如果不是，請使用其他控制項。 若要選擇多個選項，請改用標準多重選取清單、核取方塊清單、清單產生器或新增/移除清單。
- 在大部分情況下，大部分使用者是否建議使用預設選項？ 看到選取的選項是否比看到替代選項還要重要？ 如果是的話，如果您不想鼓勵使用者隱藏替代專案來進行變更，請考慮使用 下拉式清單 。
在此範例中，最高色彩品質是大部分使用者的最佳選擇，因此下拉式清單是下拉式清單是下拉式清單的一個好選擇。
- 清單是否需要常數互動？ 如果是，請使用單一選取清單來簡化互動。
在此範例中，使用者會不斷變更 [顯示專案] 清單中的選取專案，以設定前景和背景色彩。 在此情況下，使用下拉式清單會非常繁瑣。
- 設定看起來像相對數量嗎？使用者是否會受益于設定變更效果的立即意見反應 ？ 如果是，請考慮改用 滑杆 。
- 清單專案之間是否有顯著的階層式關聯性？ 如果是，請改用 樹狀檢視 控制項。
- 螢幕空間是否為進階？ 如果是，請改用下拉式清單，因為使用的螢幕空間是固定的，而且與清單專案數目無關。
標準多重選取清單和核取方塊清單
- 工作或常用多個選取專案是否很重要？ 如果是，請使用核取方塊清單讓多個選取專案變得明顯，特別是目標使用者未進階時。 許多使用者都不知道標準多重選取清單支援多重選取。 如果核取方塊對多個選取專案產生太多注意，或產生太多螢幕雜亂，請使用標準多重選取清單。
- 多重選取專案的穩定性是否重要？ 如果是，請使用核取方塊清單、清單產生器或新增/移除清單，因為按一下一次只會變更單一專案。 使用標準多重選取清單，即使意外清除所有選取專案也很容易。
- 控制項是否用來從值清單中選擇零個或多個專案？ 如果不是，請使用其他控制項。 若要選擇一個專案，請改用單一選取清單。
預覽清單
- 使用影像選取的選項是否比單獨使用文字更輕鬆？ 如果是，請使用預覽清單。
列出產生器及新增/移除清單
- 控制項是否用來從值清單中選擇零個或多個專案？ 如果不是，請使用其他控制項。 若要選擇一個專案，請改用單一選取清單。
- 選取專案的順序是否重要？ 如果是，清單產生器及新增/移除清單模式支援順序，而其他多重選取模式則不支援。
- 使用者是否必須查看所有選取專案的摘要？ 如果是，清單產生器及新增/移除清單模式只會顯示選取的專案，而其他多重選取模式則不會。
- 可能的選項是否不受限制？ 如果是，請使用新增/移除清單，讓使用者可以選擇目前不在清單中的值。
- 將值新增至清單是否需要特殊對話方塊來選擇物件？ 如果是，請使用新增/移除清單，並在使用者按一下 [新增] 時顯示對話方塊。
- 螢幕空間是否為進階？ 如果是，請改用新增/移除清單，因為它不一定會顯示一組選項，因此會使用較少的螢幕空間。
對於清單方塊， 清單中的專案數目不是選擇控制項 的因素，因為它們會從數千個專案相應減少到單一選取清單 (，而多重選取清單則無) 。 因為清單方塊可用於資料，所以可能事先不知道專案數目。
注意： 有時候清單方塊看起來像是使用清單檢視實作的控制項，反之亦然。 在這種情況下，請根據使用方式套用指導方針，而不是實作。
使用模式
清單方塊有數種使用模式：
| 標籤 | 值 |
|---|---|
| 單一選取清單 允許使用者一次選取一個專案。 |
 在此範例中，使用者只能選取一個顯示專案。 |
| 標準多重選取範圍清單 允許使用者選取任意數目的專案，包括無專案。 |
標準多重選取專案清單的外觀與單一選取清單完全相同，因此清單方塊不支援多重選取專案。 因為使用者必須探索這項功能，所以此清單模式最適合用於多重選取並非必要且很少使用的工作。 有兩種不同的多重選取模式： 多重 和 擴充。 延伸選取模式 遠較常見，其中可藉由拖曳或使用 Shift+按一下或 Ctrl+按一下來分別選取連續和非相鄰值的群組來擴充選取範圍。 在 多重選取模式中，不論 Shift 和 Ctrl 鍵為何，按一下任何專案都會切換其選取狀態。 假設有這種不尋常的行為，多重選取模式已被取代，您應該改用核取方塊清單。  在此範例中，使用者可以使用多重選取模式選取任意數目的專案。 |
| 核取方塊清單 如同標準多重選取清單方塊，核取方塊清單可讓使用者選取任意數目的專案，包括無專案。 |
不同于標準多重選取範圍清單，核取方塊會清楚指出多個選取專案可能。 針對多個選取專案是基本或常用的工作，請使用此清單模式。  在此範例中，使用者通常會選取多個專案，以便使用核取方塊清單。 假設這個清楚指出多個選取專案，您可能會假設核取方塊清單最好是標準多重選取範圍清單。 實際上，少數工作需要多重選取或大量使用;在這類情況下使用核取方塊清單，會對選取專案產生太多注意。 因此， 標準多重選取清單比較常見。 |
| 預覽清單 可以是單一或多個選取範圍，但它們會顯示選取範圍效果的預覽，而不只是文字。 |
 在此範例中，每個選項的預覽都會清楚顯示選擇的效果，這比單獨使用文字更有效率。 |
| 清單產生器 允許使用者建立選項清單，方法是一次新增一個專案，並選擇性地設定清單順序。 |
清單產生器包含兩個單一選取清單：左邊的清單是一組固定的選項，而右邊的清單則是要建置的清單。 清單之間有兩個命令按鈕：
 在此範例中，清單產生器可用來從一組可用的選項中選取專案，並設定其順序來建立工具列。 |
| 新增/移除清單 允許使用者一次新增一或多個專案來建立挑選清單，並選擇性地設定清單順序 (，例如清單產生器) 。 |
不同于清單產生器，按一下 [ 新增 ] 會顯示對話方塊，以選取要新增至清單的專案。 使用個別對話方塊可讓您在選擇專案時有顯著的彈性，讓您能夠使用特製化物件選擇器，甚至是常見的對話方塊。 相較于清單產生器，此變化比較精簡，但需要稍微投入更多心力才能新增專案。  在此範例中，使用者可以從功能表新增或移除工具，以及設定順序。 雖然清單產生器及新增/移除清單模式明顯高於其他多重選取清單，但它們提供兩個獨特的優點：
|
指導方針
簡報
- 以邏輯順序排序清單專案， 例如將相關選項分組在一起、先放置最常使用的專案，或使用字母順序。 依字母順序排序名稱、以數值順序排序數位，並以時間順序排序日期。 具有 12 個以上專案的清單應依字母順序排序，讓專案更容易尋找。
正確：對齊
在此範例中，清單方塊專案會依其空間關聯性排序。
不正確：
在此範例中，有許多清單專案應該依字母順序排序。
正確：
在此範例中，清單專案更容易尋找，因為它們會依字母順序排序。 不過，不論其排序次序為何，「所有 Windows 產品」專案都是在清單開頭。
- 將代表 [全部] 或 [無] 的選項放在清單開頭，而不論剩餘專案的排序次序為何。
- 以括弧括住中繼選項。
在此範例中，「 (無) 」是中繼選項，因為它不是選擇的有效值，而是表示未使用選項本身。
- 沒有空白的清單專案會改用中繼選項。 使用者不知道如何解譯空白專案，而中繼選項的意義是明確的。
不正確：
在此範例中，空白專案的意義不清楚。
正確：
在此範例中，會改用 「 (none) 」 中繼選項。
互動
- 請考慮提供按兩下行為。 按兩下應該會有與選取專案並執行其預設命令相同的效果。
- 讓按兩下行為備援。 應該一律會有具有相同效果的命令按鈕或操作功能表命令。
- 如果使用者無法對選取的專案執行任何動作，則不允許選取。
正確：
此清單方塊會顯示變更的唯讀清單;不需要選取。
- 停用清單方塊時，也會停用任何相關聯的標籤和命令按鈕。
- 請勿使用清單方塊中選取專案的變更來：
- 執行命令。
- 顯示其他視窗，例如對話方塊來收集更多輸入。
- 動態顯示與選取控制項相關的其他控制項， (螢幕助讀程式無法偵測這類事件) 。 例外： 您可以動態變更用來描述所選項目的靜態文字。
可接受：
在此範例中，變更選取的專案會變更描述。
- 避免水準捲動。 多欄清單依賴水準捲動，這通常比垂直捲動更難使用。 當您有許多依字母順序排序的專案，以及有足夠的螢幕空間供寬控制項使用時，可能會使用需要水準捲動的多欄清單。
可接受：
在此範例中，會使用需要水準捲動的多個資料行，因為有許多專案和大量的螢幕空間可供寬型控制項使用。
多重選取清單
- 請考慮在清單下方顯示選取的專案數目， 特別是當使用者可能選取數個專案時。 此資訊不僅提供實用的意見反應，也清楚指出清單方塊支援多重選取。
在此範例中，選取的專案數目會顯示在清單下方。
- 您可以提供其他可能更有意義的選取計量，例如選取專案所需的資源。
在此範例中，安裝元件所需的磁碟空間比選取的專案數更有意義。
- 如果可能有許多清單專案並選取或清除所有專案，請新增 [全部選取] 和 [清除所有命令] 按鈕。
- 對於標準多重選取清單，請勿使用多重選取模式，因為此選取模式已被取代。 針對對等的行為，請改用核取方塊清單。
預設值
- 選取最安全的 (，以防止資料或系統存取) 和最安全的選項預設遺失。 如果安全性和安全性不是因素，請選取最可能或方便的選項。
例外： 如果控制項代表 處於混合狀態的屬性，則請勿選取任何專案，這會在顯示多個沒有相同設定的物件屬性時發生。
建議的大小調整和間距
建議的清單方塊大小和間距。
- 選擇適合最長有效資料的清單方塊寬度。 標準清單方塊無法水準捲動，因此使用者只能看到控制項中可見的內容。
- 針對任何文字 (包含 30% (最多 200% 的簡短文字) ，但不會包含將會當地語系化之數位) 的額外 30%。
- 選擇顯示整數專案的清單方塊高度。 避免垂直截斷專案。
- 選擇可消除不必要的垂直捲動的清單方塊高度。 清單方塊應該會顯示 3 到 20 個專案，而不需要捲動。 如果這樣做會消除垂直捲動條，請考慮讓清單方塊稍微長一點。 可能有許多專案的清單應該至少顯示五個專案，以便一次顯示更多專案，並讓捲軸更容易定位，以加速捲動。
- 如果使用者受益于讓清單方塊變大，請讓清單方塊及其父視窗可調整大小。 這樣做可讓使用者視需要調整清單方塊大小。 不過，可調整大小的清單方塊應該不會顯示少於三個專案。
標籤
控制項標籤
- 所有清單方塊都需要標籤。 將標籤撰寫為單字或片語，而不是句子;使用標籤結尾的冒號。
例外： 如果標籤只是對話方塊 主要指令的重新整理，請省略標籤。 在此情況下，主要指令會採用冒號 (，除非它是) 和存取金鑰的問題。
可接受：
在此範例中，清單方塊標籤只會重新指定主要指令。
Better：
在此範例中，會移除備援標籤，因此主要指令會採用冒號和存取金鑰。
- 如果清單方塊屬於選項按鈕或核取方塊，並且由該控制項的標籤以冒號結束，請勿將其他標籤放在清單方塊控制項上。
在此範例中，清單方塊屬於選項按鈕，並共用其標籤。
正確：
在這些範例中，頂端的標籤會對齊清單方塊的左邊緣，而左邊的標籤與清單方塊中的文字對齊。
不正確：
在這些不正確的範例中，頂端的標籤會對齊清單方塊中的文字，而左邊的標籤會對齊清單方塊的頂端。
- 對於多重選取清單方塊，請使用清楚指出多個選取範圍的標籤。 核取方塊清單標籤可能較不明確。
正確：
在此範例中，標籤清楚地指出可以有多個選取專案。
不正確：
在此範例中，標籤不會提供多個選取專案的明顯資訊。
使用
在此範例中，核取方塊會清楚指出有多個選取專案，因此標籤不需要明確。
- 您可以在標籤之後的括弧中指定單位 (秒、連接等) 。
選項文字
- 將唯一名稱指派給每個選項。
- 除非專案是適當的名詞，否則請使用 句子樣式大寫。
- 將標籤撰寫為單字或片語，而非句子，且不使用結尾標點符號。
- 使用平行片語，並嘗試讓所有選項的長度保持相同。
指示文字和補充文字
- 如果您需要新增清單方塊的相關指示文字，請在標籤上方新增。 使用完整句子搭配結尾標點符號。
- 使用 句子樣式大寫。
- 其他實用但不需要的資訊應該保持簡短。 將此文字放在標籤和冒號之間的括弧中，或在控制項下方沒有括弧。
在此範例中，補充文字會放在清單下方。
文件
參考清單方塊時：
- 使用確切的標籤文字，包括其大小寫，但不包含便捷鍵底線或冒號。 包含字組清單。 請勿將清單方塊稱為清單方塊或欄位。
- 對於清單專案，請使用確切的專案文字，包括其大小寫。
- 在程式設計和其他技術檔中，將清單方塊稱為清單方塊。 在其他地方使用清單。
- 若要描述使用者互動，請使用 select。
- 可能的話，請使用粗體文字格式化標籤和清單專案。 否則，只有在需要以避免混淆時，才將標籤和專案放在引號中。
範例：在 [移至哪個 清單] 中，選取 [ 書簽]。
意見反應
即將登場：在 2024 年，我們將逐步淘汰 GitHub 問題作為內容的意見反應機制，並將它取代為新的意見反應系統。 如需詳細資訊，請參閱：https://aka.ms/ContentUserFeedback。
提交並檢視相關的意見反應