設計你的應用程式,讓使用者能透過觸控板與它互動。 觸控板結合了間接多點觸控輸入與指向裝置(如滑鼠)的精準輸入。 這種組合使觸控板既適合觸控優化的使用者介面,也適合較小的生產力應用程式。
觸控板互動需要三件事:
標準觸控板或 Windows 精密觸控板。
精準觸控板是針對 Windows 應用程式裝置進行優化的。 它們讓系統能原生處理觸控板的某些體驗,例如手指追蹤和掌心偵測,讓跨裝置的使用體驗更為一致。
一個或多個手指直接接觸觸控板。
觸控接觸的移動 (或缺乏,基於時間閾值)。
觸控板感測器提供的輸入資料可為:
- 被解讀為一種物理手勢,用於直接操作一個或多個 UI 元素(如平移、旋轉、調整大小或移動)。 相較之下,透過屬性視窗或其他對話框與元素互動則被視為間接操作。
- 辨識為替代的輸入方法,例如滑鼠或手寫筆。
- 用於補充或修改其他輸入法的各個方面,例如弄髒用鋼筆繪製的筆跡筆畫。
觸控板結合了間接多點輸入與指向裝置(如滑鼠)的精準輸入。 這種組合使觸控板既適合觸控優化的使用者介面,也適合通常較小的生產力應用程式和桌面環境。 優化你的 Windows 應用程式設計以符合觸控輸入,並預設支援觸控板。
由於觸控板支援的互動體驗趨於融合,我們建議使用 PointerEntered 事件,除了內建觸控輸入支援外,還能提供滑鼠式的 UI 指令。 例如,使用「上一頁」和「下一頁」按鈕,讓使用者能翻閱內容頁面,並平移瀏覽內容。
本主題討論的手勢與指引,有助於確保你的應用程式能無縫且少寫程式碼支援觸控板輸入。
觸控板語言
系統中持續使用簡潔的觸控板互動方式。 優化你的應用程式以觸控滑鼠輸入,這種語言會讓你的應用程式對使用者來說瞬間感到熟悉,提升他們的信心,也讓你的應用程式更容易學習和使用。
使用者可以設定比標準觸控板更多的精準觸控板手勢和互動行為。 這兩張圖片分別展示了在設定>裝置>滑鼠和觸控板中,標準觸控板與精準觸控板的不同觸控板設定頁面。
標準/觸控板\設定
Windows\ Precision\ 觸控板\ 設定
以下是一些針對觸控板優化的手勢範例,用於執行常見任務。
| 術語 | Description |
|---|---|
三指敲擊 |
使用者可選擇使用 Cortana 搜尋或顯示 行動中心。 |
三指滑行 |
使用者可選擇開啟虛擬桌面工作檢視、顯示桌面,或切換開啟中的應用程式。 |
主動作時用單指輕敲 |
用一根手指輕觸元素並呼叫其主要動作(例如啟動應用程式或執行指令)。 |
用兩指輕觸右鍵 |
同時用兩根手指點擊元素即可選取並顯示情境指令。 |
兩指滑動來平移 |
滑動功能主要用於平移操作,也可以用於移動、繪圖或書寫。 |
捏合拉伸即可放大 |
捏合與拉伸手勢常用於尺寸調整與語義縮放。 |
單指按壓並滑動即可重新排列 |
拖曳一個元素。 |
單指按壓並滑動選取文字 |
在可選的文字中點擊並滑動選取。 雙擊即可選擇單字。 |
左鍵與右鍵區域 |
模擬滑鼠裝置的左右按鈕功能。 |
硬體
查詢滑鼠裝置功能(MouseCapabilities),以確認觸控板硬體能直接存取應用程式介面的哪些部分。 我們建議同時提供觸控與滑鼠輸入的介面。
欲了解更多關於查詢裝置能力的資訊,請參閱 「識別輸入裝置」。
視覺回饋
- 當偵測到觸控板游標(透過移動或懸停事件)時,顯示滑鼠專用的使用者介面,以顯示該元素所暴露的功能。 如果觸控板游標在一定時間內沒有移動,或使用者主動觸發觸控互動,請讓觸控板的介面逐漸淡出。 這使 UI 保持乾淨整潔。
- 不要用游標來做懸停回饋,元素提供的回饋就足夠了(詳見下方游標章節)。
- 如果元素不支援互動 (例如靜態文字),請勿顯示視覺意見反應。
- 不要將焦點矩形與觸控板互動一起使用。 保留這些用於鍵盤交互。
- 同時顯示代表相同輸入目標之所有元素的視覺意見反應。
關於視覺回饋的更一般指引,請參閱《 視覺回饋指引》。
Cursors
觸控板指標可使用一組標準游標。 這些用於指示元素的主要動作。
每個標準游標都有與其相關聯的對應預設影像。 使用者或應用程式可以隨時取代與任何標準游標相關聯的預設影像。 UWP 應用程式透過 PointerCursor 函式指定游標影像。
如果您需要自訂滑鼠游標:
- 始終使用箭頭游標(
)來獲取可點擊的元素。 不要將指向手游標(
)用於鏈接或其他交互元素。 改用懸停效果(如前所述)。 - 使用文字游標(
)來選擇可選擇的文字。 - 當移動是主要動作(例如拖曳或裁剪)時,請使用移動游標(
)。 請勿將移動游標用於主要動作為導覽的元素 (例如開始磚)。 - 當物件可調整大小時,請使用水平、垂直和對角線調整大小游標(
、
、
、
)。 - 在固定畫布 (例如地圖) 內平移內容時,請使用抓握手游標 (抓握手游標

)。