本文說明如何選擇與操作文字、圖片及控制項,並提供在應用中使用這些機制時應考慮的使用者體驗指引。
重要 API: Windows.UI.Xaml.Input、 Windows.UI.Input
可行與禁止事項
實作自己的抓手介面時應使用字型字形。 這個抓握器是兩種系統中可用的 Segoe UI 字型的組合。 使用字型資源可以簡化在不同 DPI 下的渲染問題,並且能很好地適應各種 UI 縮放等級。 在實作自己的抓手時,它們應該會共享以下介面特性:
- 圓形
- 在任何背景下都能看見
- 一致的大小
在可選內容周圍留出邊距,以配合拖曳控制介面。 如果你的應用程式啟用了不會平移/捲動的區域文字選取,請允許文字區左右兩側各有一半的握把高度,上下兩側則是各一個抓手高度(如下圖所示)。 這確保整個握把介面都暴露給使用者,並減少與其他邊緣介面的意外互動。
互動時隱藏握把的介面。 消除握把在互動時造成的阻塞。 當控點沒有被手指完全遮擋,或有多個文字選擇控點時,這會很有用。 這消除了顯示子視窗時的視覺瑕疵。
不要允許選擇 UI 元素,例如控制項、標籤、圖片、專有內容等等。 通常,Windows 應用程式只能在特定控制項內選擇。 按鈕、標籤和標誌等控制項無法選擇。 評估選擇是否對你的應用程式造成影響,若有,請找出應禁止選擇的介面區域。
其他用法指導方針
文字選擇與操作特別容易受到觸控互動帶來的使用者體驗挑戰。 滑鼠、觸控筆或觸控板和鍵盤的輸入都非常細緻:滑鼠點擊和觸控筆接觸通常映射到單一像素,而按鍵則是用來判斷按下與否。 觸控輸入不夠精準;要將指尖的整個表面精確地映射到螢幕上的特定 x-y 位置以準確放置文字插入點,是很困難的。
考量與建議
利用 Windows 語言框架中內建的控制項,打造提供完整平台使用者互動體驗的應用程式,包括選擇與操作行為。 你會發現內建控制項的互動功能足以應付大多數 Windows 應用程式。
使用標準 Windows 文字控制項時,本主題中描述的選取行為與視覺化無法自訂。
文本選擇
如果您的應用程式需要支援文字選擇的自訂介面,我們建議您遵循此處描述的 Windows 選擇行為。
可編輯與不可編輯內容
觸控時,選取互動主要透過手勢執行,例如點擊以設定插入游標或選取單字,滑動則修改選取。 與其他 Windows 觸控互動一樣,計時操作僅限於按住手勢以顯示資訊介面。 欲了解更多資訊,請參閱 視覺回饋指引。
Windows 會辨識兩種可能的選擇互動狀態:可編輯與不可編輯,並相應調整選取介面、回饋與功能。
可編輯內容
點擊單字的左半部時,游標會位於單字的左側,而點擊單字的右半部時,游標則會置於單字的右側。
圖示說明如何透過在單字的開頭或結尾附近輕觸來使用握把放置初始插入游標。
下圖示範如何拖動握鉗來調整選取。
以下圖片示範如何透過點擊選取區內或握持器(也可長按)來呼叫上下文選單。
注意 在單字拼寫錯誤的情況下,這些互動會有所不同。 點擊標記為拼寫錯誤的單字,不僅會高亮整個單字,還會觸發建議的拼寫上下文選單。
不可編輯內容
下圖示範如何在單字中點選來選擇該單字(初始選擇時不包含空格)。
請依照編輯文字的相同步驟來調整選取並顯示內容選單。
物件操作
在 Windows 應用程式中實作自訂物件操作時,盡可能使用相同(或類似)的抓握器資源作為文字選取。 這有助於提供整個平台一致的互動體驗。
例如,夾具也可用於支援調整大小與裁切的影像處理應用程式,或提供可調整進度條的媒體播放器應用程式,如下圖所示。
媒體播放器,可調整進度條。
帶有裁切控制手柄的影像編輯器。