触控式平铺UI

---

立即下载DevExpress WinForms

触摸应用程序，有时被称为混合应用程序，是易于在桌面和触摸设备上使用的应用程序。构建触控应用程序没有严格的模式，除了应用程序中的控制应该针对触控输入进行优化。本节描述了一种常见的应用程序模式，并展示了一些最适合创建此类应用程序的DevExpress控件。

下图展示了DevExpress演示中心提供的“Touch-Enabled Hybrid App”演示：

常用应用程序设置

本节列举了开发触控应用程序的有用技巧。

• 触摸用户界面模式

DevExpress为类提供了多个静态属性，这些属性影响所有DevExpress控件的外观和操作，这些属性允许您仅通过一个设置修改整个应用程序，对于混合型应用程序，有一个静态的属性。启用此设置后，所有UI元素将倾向于增加其大小和边距，使最终用户使用手指更舒适。例如下图展示了应用TouchUI模式和不应用TouchUI模式时的Ribbon控件。

• 触控式滚动

将静态属性设置为Touch，以便使用触摸手势启用滚动。

• Skins

使用现代的DevExpress皮肤(如“Office 2013”和更新的)，因为它们提供“clean”和平坦的外观。

• 隐藏控件边界

 通过禁用控件的BorderStyle或BorderVisibility属性来隐藏不必要的边框。

• Glyph Skinning

Glyph skin功能用这些项目的前色绘制项目图标，从而创建了一个平面的单色应用程序外观。

内容区

客户端区域会显示终端用户当前选择的模块(UserControl)，用户控件可以提供表格数据、图表、量规、日历、地形数据等。因此可以选择适合您需要的任何控件。

虽然您可以启用静态的属性来使任何DevExpress控件适合在支持触摸的设备上使用，但一些控件最初是为适合混合应用程序而设计的。例如，如果您希望控件显示来自数据源的数据，请考虑使用其平铺视图而不是传统的表格视图。

除了显示常规的磁贴，这个视图还可以表示类似于Microsoft Office 365数据网格的数据(见下图)。为此，将切换为“List”值。

另一个数据网格视图，如下图所示)有助于用类似Microsoft Windows Explorer的方式显示记录。

导航区

建议您使用基于磁贴的导航控件：由于它们的几何形状和大小，与传统的工具栏按钮相比，磁贴更容易用手指点击。

允许您实现一个分层的基于tile的菜单，最多包含三个级别。内置导航breadcrumbs可以帮助终端用户跟踪导航层次结构中的当前位置。

TileBar是 Tile Nav Pane 的简化版，没有breadcrumb栏，并且支持水平和垂直布局模式。

将AccordionControl切换到 Hamburger Men模式，可以隐藏不需要的导航元素并节省屏幕空间。要启用此模式，请使用。

提供静态和动态(动画)的Tile，可以排列成多列和多行。此控件适用于构建简单的平铺菜单。

模块切换

对于多屏幕应用程序请使用以下DevExpress内容容器：

容器可帮助您实现单个文档界面 (SDI)。它的子模块没有导航按钮或选项卡标题，要在模块之间切换，您必须手动更改属性，提供内置动画效果。

TransitionManager组件为任何内容容器提供动画效果，当容器更改其模块时播放，使用导航框架时，不需要转换管理器。

附加组件

下面列出了适合触摸应用程序的其他有用控件和组件的详细信息。

• 按钮和菜单

使用受 Windows 10 启发的圆形按钮的WindowsUIButtonPanel ，而不是标准的矩形按钮。

使用相同的控件时您可以创建带有内置查看面板的简单工具栏。

• 飞出和弹出式窗口

使用弹出面板组件创建平面飞出和弹出窗口。

• 留言

利用弹出对话框控件创建现代通知消息。

• 通知

对于受 Windows 现代启发的通知，请使用组件。

• 表格布局

对于任何其他 UI 类型，请使用在应用程序模块中有效地排列 UI 元素。可以根据给定的数据源自动生成编辑UI。

• 启动画面

利用启动屏幕管理器为您的应用程序提供启动屏幕和等待表单。

• 分割容器

组件将表单空间分成两个可调整大小的区域，您可以修改属性，用展开/折叠按钮代替拖放分割器。

• 辅助容器

单像素边框支持面板捕捉和覆盖调整大小功能。

自动生成UI

DevExpress Template Gallery 提供了各种模板来快速启动应用程序开发。对于支持触摸的应用程序，请转到画廊“WinForms Popular UI | UI-ready Form”部分，并选择“Hybrid UI”类型。

对于数据管理应用程序，您可以利用Scaffolding Wizard根据给定的数据源自动生成功能齐全且可供使用的应用程序。Wizard创建的应用程序由多个相互连接的独立模块组成，并遵循。