一個(gè)很好的替代滑塊的數(shù)值列表

解答動(dòng)態(tài)

• 

  一個(gè)滑塊和一個(gè)微調(diào)器（數(shù)字步進(jìn)器）的組合怎么樣？
  
  這是怎么工作的？我很高興你問…
  你的值列表實(shí)際上是一個(gè)數(shù)組。因此，它只對(duì)數(shù)組的索引起作用，而不是滑塊有一個(gè)值列表。因此，如果數(shù)組中有10個(gè)值，則滑塊處理值0-9。這解決了您的技術(shù)問題，因?yàn)檫@些步驟現(xiàn)在是一致的（1步）。
  當(dāng)用戶更新滑塊時(shí)，這將通過使用與數(shù)組中的索引匹配的值來更新數(shù)字微調(diào)器。例如，如果滑塊設(shè)置為quot；，則微調(diào)器將設(shè)置為quot；，因?yàn)檫@是數(shù)組中第4個(gè)索引處的值（基于0）。
  數(shù)字微調(diào)器應(yīng)實(shí)現(xiàn)為僅允許數(shù)組中的有效數(shù)字。當(dāng)微調(diào)器被更新時(shí)，滑塊值也應(yīng)該被更改以反映。
  我認(rèn)為這種方法給用戶提供了一種選擇有效值的簡(jiǎn)單方法�；瑝K允許快速選擇，如果滑塊變得太敏感（很多值），微調(diào)器允許微調(diào)。
  I還應(yīng)該指出一件重要的事情。。。你所允許的數(shù)字似乎很隨機(jī)，至少從你提供的有限信息來看。我建議您檢查您的設(shè)計(jì)，以確保清楚為什么不允許某些值。這在很大程度上取決于您對(duì)該功能的了解，因此我不能建議您這樣做，請(qǐng)確保用戶理解這些看似隨機(jī)的數(shù)字的原因。眾所周知，
  
• 

  滑塊很難用于精確的數(shù)字選擇，更不用說從位置到數(shù)字的映射不是線性的了。
  另一種選擇是使用嵌套或分組下拉列表，將可能的選項(xiàng)拆分為大致相等的高階和低階范圍。這可能類似于您將一長(zhǎng)串按字母順序排序的單詞拆分為以a到d、E-K、L-R、S-Z或類似開頭的單詞的方式。
  如果相關(guān)的話，這種排列方式還可以幫助用戶查看圍繞值的可用數(shù)據(jù)（或數(shù)據(jù)間隙）的概述，如果你使用一個(gè)滑動(dòng)條，你不會(huì)得到的東西。
  
• 

  一個(gè)連接到listbox 的滑動(dòng)條怎么樣（請(qǐng)注意，以下圖像很花哨，不適合心虛的人：））
  
  or
  允許使用滑塊進(jìn)行粗略選擇，并使用listbox進(jìn)行微調(diào)。
  如果您使選定的值可編輯，并且更改將滑動(dòng)滑塊并移動(dòng)到listbox
  中的適當(dāng)舍入值，則會(huì)獲得額外的點(diǎn)數(shù)（換句話說，此概念與musefan的答案，但伴隨著鐘聲和口哨）
  P.s.：如果你有一個(gè)只支持連續(xù)值范圍的滑塊，你可以通過給列表中的每個(gè)值一個(gè)索引并通過滑塊選擇這個(gè)索引來偽造它。
  I.E.：
  可能值的列表：[0，5，10，15，25，50，…]滑塊在索引[0，1，2，3，4，5，…] 如果用戶選擇50，它是數(shù)組中的第六個(gè)值，滑塊的值設(shè)置為5
  如果用戶將12寫入“列表框”，則選擇最接近的適當(dāng)值（10，它是數(shù)組中的第三個(gè)值，滑塊設(shè)置為2）
  
• 

  I，類似于（并且親自實(shí)現(xiàn)）musefan答案中描述的控件類型。這種控制有其優(yōu)點(diǎn)和缺點(diǎn)，需要仔細(xì)考慮怨恨：
  用戶是否能很好地與網(wǎng)站匹配最接近的可接受值（向上舍入或向下舍入，取決于哪個(gè)提供更好的用戶體驗(yàn)）？
  如果是這樣，這就為這種情況提供了一個(gè)最簡(jiǎn)單、最明顯的用戶界面：一個(gè)基本的數(shù)字輸入字段。
  然后用戶可以輸入他們想要的任何值，網(wǎng)站可以調(diào)整到適當(dāng)?shù)目山邮苤怠?br/> 根據(jù)上下文，這可能需要一個(gè)反饋機(jī)制來通知用戶他們的值正在被調(diào)整到最接近的有效值。這可以使用輸入框旁邊的動(dòng)態(tài)文本字段來執(zhí)行，以通知用戶要使用的實(shí)際值。如果典型的用戶經(jīng)驗(yàn)豐富，并且知道所有可接受的值，那么可以使用一個(gè)簡(jiǎn)單的對(duì)話框或動(dòng)態(tài)顯示區(qū)域來通知用戶將對(duì)其輸入進(jìn)行調(diào)整。此對(duì)話框或動(dòng)態(tài)區(qū)域也可用于允許用戶通過使用直觀的“向下舍入”和“向上舍入”按鈕來指定要向下舍入還是向上舍入。
  這些技術(shù)的優(yōu)點(diǎn)之一是實(shí)現(xiàn)起來非常簡(jiǎn)單且經(jīng)濟(jì)高效，因?yàn)樗鼈儾恍枰�設(shè)計(jì)和開發(fā)自定義控件。
  
• 

  對(duì)于我來說，組合框是“允許值的集合列表”的控件；.
  使用一個(gè)組合框，該組合框根據(jù)鍵入的值篩選值，這樣就可以顯示輸入上下最近的值。
  這樣，除了用戶需要時(shí)，下拉列表中就不會(huì)顯示任何內(nèi)容。
  如果需要，可以將其與滑塊組合，以“探索”可能的值。
  如果確實(shí)需要不想下拉列表，使其成為一個(gè)有一個(gè)以上的搜索字段。
  
• End