共用方式為


觸控板設計指引

設計你的應用程式,讓使用者能透過觸控板與它互動。 觸控板結合了間接多點觸控輸入與指向裝置(如滑鼠)的精準輸入。 這種組合使觸控板既適合觸控優化的使用者介面,也適合較小的生產力應用程式。

 

觸控板

觸控板互動需要三件事:

  • 標準觸控板或 Windows 精密觸控板。

    精準觸控板是針對 Windows 應用程式裝置進行優化的。 它們讓系統能原生處理觸控板的某些體驗,例如手指追蹤和掌心偵測,讓跨裝置的使用體驗更為一致。

  • 一個或多個手指直接接觸觸控板。

  • 觸控接觸的移動 (或缺乏,基於時間閾值)。

觸控板感測器提供的輸入資料可為:

  • 被解讀為一種物理手勢,用於直接操作一個或多個 UI 元素(如平移、旋轉、調整大小或移動)。 相較之下,透過屬性視窗或其他對話框與元素互動則被視為間接操作。
  • 辨識為替代的輸入方法,例如滑鼠或手寫筆。
  • 用於補充或修改其他輸入法的各個方面,例如弄髒用鋼筆繪製的筆跡筆畫。

觸控板結合了間接多點輸入與指向裝置(如滑鼠)的精準輸入。 這種組合使觸控板既適合觸控優化的使用者介面,也適合通常較小的生產力應用程式和桌面環境。 優化你的 Windows 應用程式設計以符合觸控輸入,並預設支援觸控板。

由於觸控板支援的互動體驗趨於融合,我們建議使用 PointerEntered 事件,除了內建觸控輸入支援外,還能提供滑鼠式的 UI 指令。 例如,使用「上一頁」和「下一頁」按鈕,讓使用者能翻閱內容頁面,並平移瀏覽內容。

本主題討論的手勢與指引,有助於確保你的應用程式能無縫且少寫程式碼支援觸控板輸入。

觸控板語言

系統中持續使用簡潔的觸控板互動方式。 優化你的應用程式以觸控滑鼠輸入,這種語言會讓你的應用程式對使用者來說瞬間感到熟悉,提升他們的信心,也讓你的應用程式更容易學習和使用。

使用者可以設定比標準觸控板更多的精準觸控板手勢和互動行為。 這兩張圖片分別展示了在設定>裝置>滑鼠和觸控板中,標準觸控板與精準觸控板的不同觸控板設定頁面。

標準觸控板設定

標準/觸控板\設定

Windows 精密觸控板設定

Windows\ Precision\ 觸控板\ 設定

以下是一些針對觸控板優化的手勢範例,用於執行常見任務。

術語 Description

三指敲擊

使用者可選擇使用 Cortana 搜尋或顯示 行動中心

三指滑行

使用者可選擇開啟虛擬桌面工作檢視、顯示桌面,或切換開啟中的應用程式。

主動作時用單指輕敲

用一根手指輕觸元素並呼叫其主要動作(例如啟動應用程式或執行指令)。

用兩指輕觸右鍵

同時用兩根手指點擊元素即可選取並顯示情境指令。

兩指滑動來平移

滑動功能主要用於平移操作,也可以用於移動、繪圖或書寫。

捏合拉伸即可放大

捏合與拉伸手勢常用於尺寸調整與語義縮放。

單指按壓並滑動即可重新排列

拖曳一個元素。

單指按壓並滑動選取文字

在可選的文字中點擊並滑動選取。 雙擊即可選擇單字。

左鍵與右鍵區域

模擬滑鼠裝置的左右按鈕功能。

 

硬體

查詢滑鼠裝置功能(MouseCapabilities),以確認觸控板硬體能直接存取應用程式介面的哪些部分。 我們建議同時提供觸控與滑鼠輸入的介面。

欲了解更多關於查詢裝置能力的資訊,請參閱 「識別輸入裝置」。

視覺回饋

  • 當偵測到觸控板游標(透過移動或懸停事件)時,顯示滑鼠專用的使用者介面,以顯示該元素所暴露的功能。 如果觸控板游標在一定時間內沒有移動,或使用者主動觸發觸控互動,請讓觸控板的介面逐漸淡出。 這使 UI 保持乾淨整潔。
  • 不要用游標來做懸停回饋,元素提供的回饋就足夠了(詳見下方游標章節)。
  • 如果元素不支援互動 (例如靜態文字),請勿顯示視覺意見反應。
  • 不要將焦點矩形與觸控板互動一起使用。 保留這些用於鍵盤交互。
  • 同時顯示代表相同輸入目標之所有元素的視覺意見反應。

關於視覺回饋的更一般指引,請參閱《 視覺回饋指引》。

Cursors

觸控板指標可使用一組標準游標。 這些用於指示元素的主要動作。

每個標準游標都有與其相關聯的對應預設影像。 使用者或應用程式可以隨時取代與任何標準游標相關聯的預設影像。 UWP 應用程式透過 PointerCursor 函式指定游標影像。

如果您需要自訂滑鼠游標:

  • 始終使用箭頭游標(箭頭游標)來獲取可點擊的元素。 不要將指向手游標(指向手游標)用於鏈接或其他交互元素。 改用懸停效果(如前所述)。
  • 使用文字游標(文字游標)來選擇可選擇的文字。
  • 當移動是主要動作(例如拖曳或裁剪)時,請使用移動游標(移動游標)。 請勿將移動游標用於主要動作為導覽的元素 (例如開始磚)。
  • 當物件可調整大小時,請使用水平、垂直和對角線調整大小游標(垂直調整大小游標水平調整大小游標對角線調整大小游標(左下、右上)對角線調整大小游標(左上、右下))。
  • 在固定畫布 (例如地圖) 內平移內容時,請使用抓握手游標 (抓握手游標 (開啟)、抓握手游標 (關閉))。

Samples

封存範例