如何美化触控应用程序的界面？DevExpress触控磁贴UI了解一下！ DevExpresswinformUI触控

程序员文章站 2022-05-31 14:41:34

...

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

获取工具下载 - DevExpress WinForm v21.1

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

如何美化触控应用程序的界面？DevExpress触控磁贴UI了解一下！

DevExpresswinformUI触控

通用应用程序设置

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

触控界面模式

DevExpress为WindowsFormsSettings类提供了多个静态属性，这些属性会影响所有DevExpress控件共有的外观和操作，这些属性允许您仅通过一项设置来修改整个应用程序。对于混合应用程序，有静态WindowsFormsSettings.TouchUIMode属性，启用此设置后，所有 UI 元素都将倾向于增加其大小和边距，使您的最终用户可以更舒适地使用手指工作。例如，下图说明了应用和未应用TouchUI模式的功能区控件。

触摸感知滚动

将静态WindowsFormsSettings.ScrollUIMode属性设置为Touch，来启用使用触摸手势的滚动。

皮肤

使用现代DevExpress外观（例如“Office 2013”和更新版本），因为它们提供“干净”和平坦的外观。

隐藏控件边界

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

Glyph皮肤

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

内容区域

客户区显示最终用户当前选择的模块（用户控件），用户控件可以提供表格数据、图表、仪表、日历、地形数据等，因此您可以选择适合需要的控件。

尽管您可以启用静态WindowsFormsSettings.TouchUIMode属性来使用适合在触摸设备上使用的任何DevExpress控件，但某些控件最初是为适合混合应用程序而设计的。例如，如果您希望数据网格控件呈现来自数据源的数据，请考虑使用Tile View替代传统的表格视图。

除了显示常规磁贴外，此视图还可以表示类似于 Microsoft Office 365 数据网格的数据。为此，请将 TileViewItemOptions.LayoutMode 切换为“List”值。

另一个Data Grid View、WinExplorer View（如下所示）有助于以类似Microsoft Windows资源管理器的方式呈现记录。

导航区域

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

TileNavPane允许您实现最多由三个级别组成的基于磁贴的分层菜单，内置导航面包屑可帮助最终用户跟踪导航层次结构中的当前位置。

TileBar是Tile Nav Pane的简化版本，没有面包屑栏，支持水平和垂直两种布局模式。

将 AccordionControl 切换到Hamburger Menu模式来隐藏不需要的导航元素并节省屏幕空间，要启用此模式，请使用 AccordionControl.ViewType 属性。

Tile Control提供可以排列成多列和多行的静态和实时（动画）图块，此控件适用于构建简单的平铺菜单。

在模块之间切换

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

NavigationFrame容器可帮助您实现单文档界面 (SDI)。它的子模块没有导航按钮或选项卡标题，要在模块之间切换，您必须手动更改NavigationFrame.SelectedPage属性，提供内置动画效果。
TransitionManager组件为任何内容容器提供动画效果，当容器更改其模块时播放。使用导航框架时，不需要Transition Manager。