人人爱人人爽,97干在线,国产一区二区精品

DevExpress WinForm控件入門指南：什么是觸控磁貼UI？

翻譯|使用教程|編輯：龔雪|2021-08-10 09:44:44.110|閱讀 508 次

概述：本文描述了一種常見的觸控應用程序模式，并展示了一些最適合創建此類應用程序的 DevExpress 控件。

相關鏈接：

支持觸控的應用程序（有時稱為混合應用程序）是易于在桌面和觸控設備上使用的應用程序，構建支持觸摸的應用程序沒有嚴格的模式，只是應用程序中的控件應該針對觸摸輸入進行優化。本文描述了一種常見的應用程序模式，并展示了一些最適合創建此類應用程序的 DevExpress 控件。

獲取工具下載 - DevExpress WinForm v21.1

下圖演示了DevExpress Demo中提供的“Touch-Enabled Hybrid App”示例。

通用應用程序設置

本節列舉了對開發支持觸控應用程序的有用技巧。

觸控界面模式

DevExpress為類提供了多個靜態屬性，這些屬性會影響所有DevExpress控件共有的外觀和操作，這些屬性允許您僅通過一項設置來修改整個應用程序。對于混合應用程序，有靜態屬性，啟用此設置后，所有 UI 元素都將傾向于增加其大小和邊距，使您的最終用戶可以更舒適地使用手指工作。例如，下圖說明了應用和未應用TouchUI模式的功能區控件。

觸摸感知滾動

將靜態屬性設置為Touch，來啟用使用觸摸手勢的滾動。

皮膚

使用現代DevExpress外觀（例如“Office 2013”和更新版本），因為它們提供“干凈”和平坦的外觀。

隱藏控件邊界

通過禁用控件的 BorderStyle 或 BorderVisibility 屬性來隱藏不必要的邊框。

Glyph皮膚

Glyph Skinning功能使用這些項目的前景色繪制項目圖標，從而創建平面單色應用程序外觀。

內容區域

客戶區顯示最終用戶當前選擇的模塊（用戶控件），用戶控件可以提供表格數據、圖表、儀表、日歷、地形數據等，因此您可以選擇適合需要的控件。

盡管您可以啟用靜態屬性來使用適合在觸摸設備上使用的任何DevExpress控件，但某些控件最初是為適合混合應用程序而設計的。例如，如果您希望數據網格控件呈現來自數據源的數據，請考慮使用替代傳統的表格視圖。

除了顯示常規磁貼外，此視圖還可以表示類似于 Microsoft Office 365 數據網格的數據。為此，請將切換為“List”值。

另一個Data Grid View、（如下所示）有助于以類似Microsoft Windows資源管理器的方式呈現記錄。

導航區域

建議您使用基于磁貼的導航控件：由于磁貼的幾何形狀和大小，與傳統的工具欄按鈕相比，磁貼更容易用手指點擊。

允許您實現最多由三個級別組成的基于磁貼的分層菜單，內置導航面包屑可幫助最終用戶跟蹤導航層次結構中的當前位置。

是Tile Nav Pane的簡化版本，沒有面包屑欄，支持水平和垂直兩種布局模式。

將切換到Hamburger Menu模式來隱藏不需要的導航元素并節省屏幕空間，要啟用此模式，請使用屬性。

提供可以排列成多列和多行的靜態和實時（動畫）圖塊，此控件適用于構建簡單的平鋪菜單。

在模塊之間切換

對于多屏應用程序，請使用以下 DevExpress 內容容器：

容器可幫助您實現單文檔界面 (SDI)。它的子模塊沒有導航按鈕或選項卡標題，要在模塊之間切換，您必須手動更改NavigationFrame.SelectedPage屬性，提供內置動畫效果。
組件為任何內容容器提供動畫效果，當容器更改其模塊時播放。使用導航框架時，不需要Transition Manager。