Touch-enabled applications, sometimes referred to as Hybrid apps, are applications that are easy to use on both desktops and touch devices.
There are no strict patterns for building touch-enabled apps, except that controls in the application should be optimized for touch input. You can read more about developing for touch-enabled devices in the Intel's Developer Zone blog. This section describes one common application pattern and shows some DevExpress controls which are most suitable for creating this kind of application.
This section enumerates tips useful for developing touch-enabled apps.
-
Touch UI Mode
DevExpress provides the WindowsFormsSettings class with multiple static properties that affect the appearance and behavior common to all DevExpress controls. These properties allow you to modify the entire application with just one setting. For Hybrid applications, there is the WindowsFormsSettings.TouchUIMode static property. With this setting enabled, all UI elements will tend to increase their sizes and margins, making it more comfortable for your end-user to work using their fingers. For instance, the following figure illustrates the Ribbon Control with and without TouchUI mode applied.

-
Touch-Aware Scrolling
Set the WindowsFormsSettings.ScrollUIMode static property to Touch in order to enable scrolling using touch gestures.
-
Skins
Use modern DevExpress Skins (such as "Office 2013" and newer) as they offer a 'clean' and flat appearance.
-
Hide Control Borders
Hide unnecessary borders by disabling the controls' BorderStyle or BorderVisibility properties.
-
Glyph Skinning
The Glyph Skinning feature paints item icons with these items' fore colors, which creates a flat monochrome application look.
The client area displays a module (a UserControl) currently selected by an end-user. The User Control may provide table data, charts, gauges, calendars, terrain data, etc. Hence, you can choose any control that fits your needs.
Although you can enable the static WindowsFormsSettings.TouchUIMode property to make any DevExpress control suitable for the use on touch-enabled devices, some controls are initially designed to fit Hybrid apps. For instance, if you want Data Grid control to present data from a data source, consider using its Tile View instead of traditional tabular Views.

Apart from showing regular tiles, this View can represent data similar to the Microsoft Office 365 data grids (see the figure below). To do so, switch the
TileViewItemOptions.LayoutMode to the
"List" value.
Another Data Grid View, the WinExplorer View (on the figure below) is helpful for presenting records in a manner similar to Microsoft Windows Explorer.
For multi-screen applications, utilize the following DevExpress content containers:
-
NavigationFrame container helps you implement a single document interface (SDI). It features no navigation buttons or tab headers for its child modules, to switch between modules you have to manually change the NavigationFrame.SelectedPage property. Provides built-in animation effects.
-
TransitionManager component supplies any content container with animation effects, played when a container changes its modules. When utilizing Navigation Frame, Transition Manager is not required.
The DevExpress Template Gallery provides various templates to jump-start application development. For touch-enabled applications, go to the gallery "WinForms Popular UIs | UI-ready Form" section and select the "Hybrid UI" type.
For data-managment applications, you can utilize the Scaffolding Wizard to automatically generate a fully functional and ready to use application based on the given data source. The application created by Wizard consists of multiple separate interconnected modules and follows the MVVM pattern.