Language: HTML | XAML

回應觸控板輸入

Applies to Windows only

設計和建置使用者可以透過觸控板進行互動的 Windows 市集應用程式。

本文件的適用對象:要為 Tablet PC 和電腦建立 Windows 市集應用程式的開發人員,並且該 Tablet PC 和電腦有連結接受手寫筆輸入的數位板。此數位板可能在螢幕表面下方,或當做周邊裝置連結。

提示  這個主題的資訊是專門用來開發使用 C++、C# 或 Visual Basic 的 Windows 市集應用程式。

對於使用 JavaScript 的 Windows 市集應用程式,請參閱回應觸控板互動 (HTML)

先決條件:  如果您是使用 C++、C# 或 Visual Basic 開發 Windows 市集應用程式的新手,請仔細閱讀這些主題以熟悉這裡討論的技術。

使用 C# 或 Visual Basic 建立您的第一個 Windows 市集應用程式

使用 C++ 建立您的第一個 Windows 市集應用程式

使用 C# 或 Visual Basic 建立 Windows 執行階段應用程式的藍圖

使用 C++ 建立 Windows 市集應用程式的藍圖

請參閱事件與路由事件概觀以了解事件

應用程式功能,從開始到完成:  應用程式功能,從開始到完成系列深入探索此功能。

使用者互動,從開始到完成 (XAML)

使用者互動自訂,從開始到完成 (XAML)

使用者經驗指導方針:  

平台控制項程式庫 (HTMLXAML) 提供完整的 Windows 使用者互動體驗,包含標準互動、動畫物理效果及視覺化回饋。 如果您不需要自訂的互動支援,請使用這些內建控制項。

如果平台控制項不足,下列使用者互動指導方針能讓您在各種輸入模式下提供令人讚賞的沈浸式互動體驗。這些指導方針主要著重在觸控輸入,不過與觸控板、滑鼠、鍵盤和手寫筆輸入仍有相關。

範例:  Windows 市集應用程式範例中,查看此功能的執行方式。

輸入:Windows 8 手勢範例

輸入:XAML 使用者輸入事件範例

XAML 捲動、移動瀏覽和縮放範例

概觀

觸控板結合了間接多點觸控輸入與指標裝置 (如滑鼠) 精確輸入。這樣的結合讓觸控板適用於 Windows 8.1 觸控最佳化 UI 以及較小目標的生產力應用程式和桌面環境兩者。針對觸控輸入最佳化您的 Windows 市集應用程式設計,獲得預設的觸控板支援。

因為觸控板支援整合的互動體驗,所以我們建議使用 PointerEntered 事件,在內建的觸控輸入支援以外,還提供滑鼠樣式的 UI 命令。例如,使用 [上一頁] 和 [下一頁] 按鈕,讓使用者翻頁內容以及移動瀏覽內容。

因為這種獨特的輸入類型的整合,開發出一組修改過的、適用於觸控板輸入的觸控手勢。本主題中討論的手勢和指導方針可以協助您確保您的應用程式使用最少的程式碼就能順暢地支援觸控板輸入。

支援觸控板互動的使用者經驗指導方針

以下為一些支援觸控板互動的指導方針。

Windows 8.1 觸控板語言

Windows 8.1 提供一組可用於整個系統的簡單觸控板互動。針對觸控及滑鼠輸入最佳化您的應用程式,這個語言讓使用者可以立即熟悉您的應用程式,提高他們的自信,讓您的應用程式更易於學習及使用。

詞彙說明

暫留學習

暫留於某個元素上方可在不進行任何動作下,顯示更詳細的資訊或教學視覺物件 (例如工具提示)。如需工具提示的詳細資訊,請參閱新增工具提示

單指點選以進行主要動作

使用單指點選元素,叫用它的主要動作 (例如啟動應用程式或執行命令)。

兩指點選以按滑鼠右鍵

同時用兩指點選,顯示包含全域命令的應用程式列,或點選元素以選取它,顯示包含關聯式命令的應用程式列。

附註  如果選取的項目或應用程式列命令不是適當的 UI 行為,兩指點選會顯示操作功能表。不過,我們強烈建議您針對所有命令行為使用應用程式列。

兩指滑動以移動瀏覽

滑動主要用於移動瀏覽互動,但也可以用來移動、繪圖以及書寫。

捏合和伸展以進行縮放

捏合和伸展手勢通常用於調整大小和語意式縮放。

單指按住並滑動以重新排列

拖曳元素。

單指按住並滑動以選取文字

在可選取的文字內按住並滑動即可選取文字。點兩下即可選取某個字。

從邊緣撥動以取得系統命令

從螢幕右邊緣 (或從右至左配置的左邊緣) 向內撥動即可顯示公開系統命令的常用鍵。

從螢幕左邊緣 (或從右至左配置的右邊緣) 向內撥動即可顯示正在執行之應用程式的清單。

按左鍵/右鍵區域

模擬滑鼠裝置的左鍵和右鍵功能。

 

硬體

查詢滑鼠裝置的功能 (MouseCapabilities),了解觸控板硬體可以直接存取應用程式 UI 的什麼層面。建議都提供適用於觸控與滑鼠輸入的 UI。

如需查詢裝置功能的詳細資訊,請參閱快速入門:識別指標裝置

視覺化回饋

  • 偵測到觸控板游標時 (透過移動或暫留事件),顯示滑鼠特定 UI,指示元素公開的功能。如果觸控板游標有一段時間沒有移動,或者使用者起始觸控互動,讓觸控板 UI 逐漸淡出。 這可以讓 UI 保持整齊、不凌亂。
  • 請勿為暫留回饋使用游標,元素提供的回饋已經足夠 (請參閱下方的游標說明)。
  • 如果元素不支援互動 (例如靜態文字),請勿顯示視覺化回饋。
  • 請勿搭配觸控板互動使用焦點矩形。請保留這些給鍵盤互動。
  • 如果所有元素均代表相同的輸入目標,請同時顯示視覺化回饋。

如需視覺化回饋的詳細一般指導方針,請參閱視覺化回饋的指導方針

游標

我們提供了一組可用於觸控板指標的標準游標。它們可用來指示元素的主要動作。

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

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

  • 對於可點選的元素,請一律使用箭頭游標 (箭頭游標)。對於連結或其他互動式元素,請勿使用指向手型游標 (指向手型游標)。請改為使用暫留效果 (描述如前)。
  • 對於可選取的文字,請使用文字游標 (文字游標)。
  • 移動若為主要動作 (例如拖曳或裁剪) 時,請使用移動游標 (移動游標)。 對於主要動作為瀏覽的元素 (例如 [開始] 畫面磚),請勿使用移動游標。
  • 物件為可調整大小時,請使用水平、垂直及對角線調整游標 (調整垂直大小游標調整水平大小游標對角線調整游標 (左下右上)對角線調整游標 (左上右下))。
  • 在固定畫布 (例如地圖) 內移動瀏覽內容時,請使用握拳游標 (握拳游標 (打開)握拳游標 (握緊))。

相關主題

概念
回應使用者互動

 

 

顯示:
© 2014 Microsoft