Touch Enabled Scenarios with Infragistics Windows Forms Components

[Infragistics] Mihail Mateev / Tuesday, April 28, 2015

Infragistics Windows Form controls offer opportunities to cover different scenarios and represent data in your desktop applications. This toolkit is one of the best, most extensible third party controls that I have ever used for UI development. With more than 100+ controls, Infragistics Windows Forms is the most mature, fully-featured Windows Forms Product on the market. With features that cover every aspect of enterprise software development including Microsoft Office Style user interfaces, high performance charting, and full modern experiences with touch gestures, these controls were built to empower you to create Touch-Enabled, Office Inspired Apps on Every Platform.

In this article we will discuss some common scenarios when you need to have touch support and then we'll explore some useful examples of how to implement it.

Touch Enabled Concept

Prior to Windows 7, Windows Forms controls did not natively support gestures of user interaction with a touch input digitizer surface through managed code. You may administer Windows7 supported WM_GESTURE message in unmanaged code to provide support for the recognized Windows gestures.

One well-known gesture, kinetic scrolling with inertia (also referred to as touch panning) occurs when the user drags a finger across a touch surface, with the speed and direction of the movement determining the direction of and speed at which the window scrolls. The scrolling continues, even after the user withdrawals his or her finger, gradually decelerating before coming to a complete stop, a behavior known as panning inertia. Any user interaction occurring during this deceleration immediately stops the inertial panning. This behavior is prevalent on smart phones and tablet devices such as iPhone, iPad and Windows touch-enabled Surface devices.

Another application of the panning gesture is drag selection, where the user drags a lasso around the screen, selecting any items captured within the bounds of the lasso rectangle.

Other gestures also have default behaviors associated with them, for example, displaying a context menu using a press-and-hold gesture. This is where the user holds a finger down on the touch surface without moving it and displays a context menu after a short time.

What you need to know

The size of the Infragistics Windows Forms touch-enabled controls may be the first thing you notice. By design, touch-enabled controls appear larger (wider, taller or both) than buttons and other elements in the User Interface (UI) making it easier to interact with and operate when using a touch-sensitive surface.

Enabling the touch functionality occurs at the form level rather than the control level, as it is unlikely that both Touch and Non-Touch system use the same application. Adding the UltraTouchProvider component to the form enables Form level touch support for NetAdvantage controls.

Although other approaches were analyzed for enabling Touch functionality at the application level, none appeared to be a feasible solution allowing you to interact with the touch metrics at design-time to arrange controls on the form using the designer. The only way to enable touch at the application level is via the static property. Since the static property is not available at design-time, best practice dictates enabling the touch functionality at the Form level.

Touch Support Controls

Editor Controls and Elements

Touchable WinListView Control Elements

Touchable WinTree Control Elements

WinGrid Touchable Elements

Touch Experience

Touch Metric Suport

Resize elements of the Grid, Editor, List View, Tree, Tab, and Tabbed MDI controls to make them larger for better touch interactivity.

Panning Gesture Support

The Grid, Tree, and List View controls are enabled with support for panning gestures, including vertical, slow, fast, and multi-directional panning and flicking. Additionally the Combo, Combo Editor, and Value List support vertical scrolling via the panning gesture.

Multi-Gesture Support

The Grid, Tree, and List View controls support key multi-gesture functionality, including tap, tap & drag, double tap, and tap & hold.

Code Samples

Touch Tab Controls

using System;

using System.Globalization;

using System.Windows.Forms;

using Infragistics.Win;

using Infragistics.Win.UltraWinTabControl;

using Infragistics.Win.UltraWinTabs;

  

namespace TouchEnabledTabControls.CS

{

    public partial class TabControlsForm : Form

    {

        #region Constructor

        public TabControlsForm()

        {

            InitializeComponent();

        } 

        #endregion

  

        #region TabControlsFormLoad

        private void TabControlsFormLoad(object sender, EventArgs e)

        {

            // Set the ComboEditors with default display value.

            ultraComboEditor_Tab_ScrollButtons.SelectedIndex = 2;

            ultraComboEditor_Tab_CloseButtons.SelectedIndex = 1;

            ultraComboEditor_Tab_Style.SelectedIndex = 0;

  

            ultraComboEditor_TabStrip_ScrollButtons.SelectedIndex = 2;

            ultraComboEditor_TabStrip_CloseButtons.SelectedIndex = 1;

            ultraComboEditor_TabStrip_Style.SelectedIndex = 0;

        } 

        #endregion

  

        #region BtnEnableTouchClick

        private void BtnEnableTouchClick(object sender, EventArgs e)

        {

            ultraTouchProvider1.Enabled = !ultraTouchProvider1.Enabled;

            btnEnableTouch.Text = ultraTouchProvider1.Enabled ? Properties.Resources.Button_Disable_Touch : Properties.Resources.Button_Enable_Touch;

        }

        #endregion

  

        #region WinTab Control events

  

        #region UltraComboEditorTabScrollButtonValueChanged

        // Show Scroll Buttons

        private void UltraComboEditorTabScrollButtonValueChanged(object sender, EventArgs e)

        {

            var cb = ultraComboEditor_Tab_ScrollButtons;

            if (cb == null || cb.SelectedItem == null)

                return;

  

            var item = cb.SelectedItem.DisplayText;

  

            switch (item)

            {

                case "Default":

                    ultraTabControl1.ScrollButtonTypes = ScrollButtonTypes.Default;

                    break;

                case "FirstLast":

                    ultraTabControl1.ScrollButtonTypes = ScrollButtonTypes.FirstLast;

                    break;

                case "NextPrevious":

                    ultraTabControl1.ScrollButtonTypes = ScrollButtonTypes.NextPrevious;

                    break;

                case "NextPagePreviousPage":

                    ultraTabControl1.ScrollButtonTypes = ScrollButtonTypes.NextPagePreviousPage;

                    break;

                case "None":

                    ultraTabControl1.ScrollButtonTypes = ScrollButtonTypes.None;

                    break;

                case "Thumb":

                    ultraTabControl1.ScrollButtonTypes = ScrollButtonTypes.Thumb;

                    break;

            }

        }

        #endregion

  

        #region UltraComboEditorTabCloseButtonValueChanged

        // Show Close Buttons

        private void UltraComboEditorTabCloseButtonValueChanged(object sender, EventArgs e)

        {

            var cb = ultraComboEditor_Tab_CloseButtons;

            if (cb == null || cb.SelectedItem == null)

                return;

            ultraTabControl1.CloseButtonLocation = (TabCloseButtonLocation)cb.SelectedIndex;

        }

        #endregion

  

        #region UltraComboEditorTabStyleValueChanged

        // Select a Style (NotePage)

        private void UltraComboEditorTabStyleValueChanged(object sender, EventArgs e)

        {

            var cb = ultraComboEditor_Tab_Style;

            if (cb == null || cb.SelectedItem == null)

                return;

  

            var item = cb.SelectedItem.DisplayText;

  

            switch (item)

            {

                case "Default":

                    ultraTabControl1.Style = UltraTabControlStyle.Default;

                    break;

                case "NotePage":

                    ultraTabControl1.Style = UltraTabControlStyle.NotePage;

                    break;

                case "NotePageFlat":

                    ultraTabControl1.Style = UltraTabControlStyle.NotePageFlat;

                    break;

            }

        }

        #endregion

  

        #region UltraCheckEditorTabShowListButtonCheckedChanged

        // Show TabList button

        private void UltraCheckEditorTabShowListButtonCheckedChanged(object sender, EventArgs e)

        {

            ultraTabControl1.ShowTabListButton =

                ultraTabControl1.ShowTabListButton != DefaultableBoolean.True ? DefaultableBoolean.True : DefaultableBoolean.Default;

        }

        #endregion

  

        #endregion

  

        #region WinTabStrip Control events

  

        #region UltraComboEditorTabStripScrollButtonValueChanged

        // Show Scroll Buttons

        private void UltraComboEditorTabStripScrollButtonValueChanged(object sender, EventArgs e)

        {

            var cb = ultraComboEditor_TabStrip_ScrollButtons;

            if (cb == null || cb.SelectedItem == null)

                return;

  

            var item = cb.SelectedItem.DisplayText;

  

            switch (item)

            {

                case "Default":

                    ultraTabStripControl1.ScrollButtonTypes = ScrollButtonTypes.Default;

                    break;

                case "FirstLast":

                    ultraTabStripControl1.ScrollButtonTypes = ScrollButtonTypes.FirstLast;

                    break;

                case "NextPrevious":

                    ultraTabStripControl1.ScrollButtonTypes = ScrollButtonTypes.NextPrevious;

                    break;

                case "NextPagePreviousPage":

                    ultraTabStripControl1.ScrollButtonTypes = ScrollButtonTypes.NextPagePreviousPage;

                    break;

                case "None":

                    ultraTabStripControl1.ScrollButtonTypes = ScrollButtonTypes.None;

                    break;

                case "Thumb":

                    ultraTabStripControl1.ScrollButtonTypes = ScrollButtonTypes.Thumb;

                    break;

            }

        } 

        #endregion

  

        #region UltraComboEditorTabStripCloseButtonValueChanged

        // Show Close Buttons

        private void UltraComboEditorTabStripCloseButtonValueChanged(object sender, EventArgs e)

        {

            var cb = ultraComboEditor_TabStrip_CloseButtons;

            if (cb == null || cb.SelectedItem == null)

                return;

            ultraTabStripControl1.CloseButtonLocation = (TabCloseButtonLocation)cb.SelectedIndex;

        } 

        #endregion

  

        #region UltraComboEditorTabStripStyleValueChanged

        // Select a Style (NotePage)

        private void UltraComboEditorTabStripStyleValueChanged(object sender, EventArgs e)

        {

            var cb = ultraComboEditor_TabStrip_Style;

            if (cb == null || cb.SelectedItem == null)

                return;

  

            var item = cb.SelectedItem.DisplayText;

  

            switch (item)

            {

                case "Default":

                    ultraTabStripControl1.Style = UltraTabControlStyle.Default;

                    break;

                case "NotePage":

                    ultraTabStripControl1.Style = UltraTabControlStyle.NotePage;

                    break;

                case "NotePageFlat":

                    ultraTabStripControl1.Style = UltraTabControlStyle.NotePageFlat;

                    break;

            }

        } 

        #endregion

  

        #region UltraCheckEditorTabStripShowListButtonCheckedChanged

        // Show TabList button

        private void UltraCheckEditorTabStripShowListButtonCheckedChanged(object sender, EventArgs e)

        {

            ultraTabStripControl1.ShowTabListButton =

                ultraTabStripControl1.ShowTabListButton != DefaultableBoolean.True ? DefaultableBoolean.True : DefaultableBoolean.Default;

        } 

        #endregion

  

        #region UltraTabStripControl1TabStripSelectedTabChanged

        // Selected Tab Changed event

        private void UltraTabStripControl1TabStripSelectedTabChanged(object sender, SelectedTabChangedEventArgs e)

        {

            var num = e.Tab.Index + 1;

            ultraTextEditor_TabStrip.Text = num.ToString(CultureInfo.InvariantCulture);

        }

        #endregion 

  

        #endregion

    }

}

Touch Editors And Grid Elements

using System;

using System.Windows.Forms;

using Infragistics.Win;

using Infragistics.Win.UltraWinEditors;

using System.Drawing;

using Infragistics.Win.UltraWinGrid;

using ButtonDisplayStyle = Infragistics.Win.ButtonDisplayStyle;

  

namespace TouchEnabledEditorsAndGridElements.CS

{

    public partial class TouchForm : Form

    {

        #region Constructor

        public TouchForm()

        {

            InitializeComponent();

        } 

        #endregion

  

        #region TouchFormLoad

        private void TouchFormLoad(object sender, EventArgs e)

        {

            // Bind UltraCombo.

            ultraCombo.DataSource = new TestData();

            ultraCombo.SelectedText = "Select Item";

  

  

            // Bind UltraComboEditor.

            ultraComboEditor.DataSource = new TestData();

            ultraComboEditor.SelectedIndex = 1;

  

  

            // Bind WinGrid.

            ultraGrid1.DataSource = new TestData();

  

  

            // Display difault values in ComboEditors.

            ultraComboEditor_SelectCardViewStyle.SelectedIndex = 0;

            ultraComboEditor_FixedRowIndicator.SelectedIndex = 1;

            ultraComboEditor_EnableSummary.SelectedIndex = 3;

  

  

            // Attach DrawFilter (RemoveFocusRectangle) to CheckEditor.

            // This will prevent from displaying the dotted line when the control is clicked.

            ultraCheckEditor.DrawFilter = new RemoveFocusRectangle();

            ultraTabControl1.DrawFilter = new RemoveFocusRectangle();

            ultraOptionSet.DrawFilter = new RemoveFocusRectangle();

        } 

        #endregion

  

        #region Editor Controls

  

        // Add/Remove Buttons LEFT / RIGHT

        private void UltraCheckEditorAddButtonRightLeftCheckedChanged(object sender, EventArgs e)

        {

            var button1 = new EditorButton();

  

            // Add /Remove LEFT button

            if (ultraCalculatorDropDown.ButtonsLeft.Count < 1)

            {

                ultraCalculatorDropDown.ButtonsLeft.Add(button1);

                ultraColorPicker.ButtonsLeft.Add(button1);

                ultraCombo.ButtonsLeft.Add(button1);

                ultraComboEditor.ButtonsLeft.Add(button1);

                ultraCurrencyEditor.ButtonsLeft.Add(button1);

                ultraDateTimeEditor.ButtonsLeft.Add(button1);

                ultraFontNameEditor.ButtonsLeft.Add(button1);

                ultraFormattedTextEditor.ButtonsLeft.Add(button1);

                ultraMaskedEdit.ButtonsLeft.Add(button1);

                ultraNumericEditor.ButtonsLeft.Add(button1);

                ultraTextEditor.ButtonsLeft.Add(button1);

                ultraTimeSpanEditor.ButtonsLeft.Add(button1);

                ultraTimeZoneEditor.ButtonsLeft.Add(button1);

            }

            else

            {

                ultraCalculatorDropDown.ButtonsLeft.RemoveAt(0);

                ultraColorPicker.ButtonsLeft.RemoveAt(0);

                ultraCombo.ButtonsLeft.RemoveAt(0);

                ultraComboEditor.ButtonsLeft.RemoveAt(0);

                ultraCurrencyEditor.ButtonsLeft.RemoveAt(0);

                ultraDateTimeEditor.ButtonsLeft.RemoveAt(0);

                ultraFontNameEditor.ButtonsLeft.RemoveAt(0);

                ultraFormattedTextEditor.ButtonsLeft.RemoveAt(0);

                ultraMaskedEdit.ButtonsLeft.RemoveAt(0);

                ultraNumericEditor.ButtonsLeft.RemoveAt(0);

                ultraTextEditor.ButtonsLeft.RemoveAt(0);

                ultraTimeSpanEditor.ButtonsLeft.RemoveAt(0);

                ultraTimeZoneEditor.ButtonsLeft.RemoveAt(0);

            }

  

            var button2 = new EditorButton();

  

            // Add /Remove RIGHT button

            if (ultraCalculatorDropDown.ButtonsRight.Count < 1)

            {

                ultraCalculatorDropDown.ButtonsRight.Add(button2);

                ultraColorPicker.ButtonsRight.Add(button2);

                ultraCombo.ButtonsRight.Add(button2);

                ultraComboEditor.ButtonsRight.Add(button2);

                ultraCurrencyEditor.ButtonsRight.Add(button2);

                ultraDateTimeEditor.ButtonsRight.Add(button2);

                ultraFontNameEditor.ButtonsRight.Add(button2);

                ultraFormattedTextEditor.ButtonsRight.Add(button2);

                ultraMaskedEdit.ButtonsRight.Add(button2);

                ultraNumericEditor.ButtonsRight.Add(button2);

                ultraTextEditor.ButtonsRight.Add(button2);

                ultraTimeSpanEditor.ButtonsRight.Add(button2);

                ultraTimeZoneEditor.ButtonsRight.Add(button2);

            }

            else

            {

                ultraCalculatorDropDown.ButtonsRight.RemoveAt(0);

                ultraColorPicker.ButtonsRight.RemoveAt(0);

                ultraCombo.ButtonsRight.RemoveAt(0);

                ultraComboEditor.ButtonsRight.RemoveAt(0);

                ultraCurrencyEditor.ButtonsRight.RemoveAt(0);

                ultraDateTimeEditor.ButtonsRight.RemoveAt(0);

                ultraFontNameEditor.ButtonsRight.RemoveAt(0);

                ultraFormattedTextEditor.ButtonsRight.RemoveAt(0);

                ultraMaskedEdit.ButtonsRight.RemoveAt(0);

                ultraNumericEditor.ButtonsRight.RemoveAt(0);

                ultraTextEditor.ButtonsRight.RemoveAt(0);

                ultraTimeSpanEditor.ButtonsRight.RemoveAt(0);

                ultraTimeZoneEditor.ButtonsRight.RemoveAt(0);

            }

        }

  

  

        // Add/Remove Spin button

        private void UltraCheckEditorAddSpinButtonCheckedChanged(object sender, EventArgs e)

        {

            //var spinButton = new SpinEditorButton { Orientation = Orientation.Horizontal };

  

            // Add /Remove SPIN button

            ultraCurrencyEditor.SpinButtonDisplayStyle =

                ultraCurrencyEditor.SpinButtonDisplayStyle != ButtonDisplayStyle.Always

                ? ButtonDisplayStyle.Always

                : ButtonDisplayStyle.Never;

  

            ultraDateTimeEditor.SpinButtonDisplayStyle =

                ultraDateTimeEditor.SpinButtonDisplayStyle != ButtonDisplayStyle.Always

                ? ButtonDisplayStyle.Always

                : ButtonDisplayStyle.Never;

  

            ultraMaskedEdit.SpinButtonDisplayStyle =

                ultraMaskedEdit.SpinButtonDisplayStyle == SpinButtonDisplayStyle.None

                ? SpinButtonDisplayStyle.OnRight

                : SpinButtonDisplayStyle.None;

  

            ultraNumericEditor.SpinButtonDisplayStyle =

                ultraNumericEditor.SpinButtonDisplayStyle != ButtonDisplayStyle.Always

                ? ButtonDisplayStyle.Always

                : ButtonDisplayStyle.Never;

        }

  

  

        // Change the color of RadioButton's label

        private void UltraOptionSetValueChanged(object sender, EventArgs e)

        {

            ultraLabel_UltraOptionSet.ForeColor = ultraOptionSet.CheckedItem.DataValue.ToString()

                == "Red" ? Color.Red : Color.Blue;

        }

  

  

        // Display the selected font on the label in front of the control

        private void UltraFontNameEditorValueChanged(object sender, EventArgs e)

        {

            ultraLabel_UltraFontNameEditor.Appearance.FontData.Name = ultraFontNameEditor.Value.ToString();

        } 

        #endregion

  

        #region WinGrid Elements events

        // Enable/Disable Row filters

        private void UltraCheckEditorRowFilteringCheckedChanged(object sender, EventArgs e)

        {

            ultraGrid1.DisplayLayout.Override.AllowRowFiltering =

                ultraGrid1.DisplayLayout.Override.AllowRowFiltering != DefaultableBoolean.True

                ? DefaultableBoolean.True

                : DefaultableBoolean.False;

        }

  

  

        // Enable/Desable Fixed header indicator

        private void UltraCheckEditorEnableFixedHeaderCheckedChanged(object sender, EventArgs e)

        {

            ultraGrid1.DisplayLayout.UseFixedHeaders =

                ultraGrid1.DisplayLayout.UseFixedHeaders != true;

        }

  

  

        // Enable/Desable Row selectors

        private void UltraCheckEditorEnableRowSelectorsCheckedChanged(object sender, EventArgs e)

        {

            ultraGrid1.DisplayLayout.Bands[0].Override.RowSelectors =

                ultraGrid1.DisplayLayout.Bands[0].Override.RowSelectors != DefaultableBoolean.Default

                    ? DefaultableBoolean.Default

                    : DefaultableBoolean.False;

        }

  

  

        // Enable/Desable header CheckBox

        private void UltraCheckEditorEnableHeaderCheckBoxCheckedChanged(object sender, EventArgs e)

        {

            ultraGrid1.DisplayLayout.Override.HeaderCheckBoxVisibility =

                ultraGrid1.DisplayLayout.Override.HeaderCheckBoxVisibility != HeaderCheckBoxVisibility.Always

                    ? HeaderCheckBoxVisibility.Always

                    : HeaderCheckBoxVisibility.Default;

        }

  

  

        // Enable/Desable Filter Operator on the FilterRow.

        private void UltraCheckEditorEnableFilterOperatorCheckedChanged(object sender, EventArgs e)

        {

            ultraGrid1.DisplayLayout.Override.FilterUIType =

               ultraGrid1.DisplayLayout.Override.FilterUIType != FilterUIType.FilterRow

                   ? FilterUIType.FilterRow

                   : FilterUIType.Default;

        }

  

  

        // Enable/Desable Column chooser

        private void UltraCheckEditorEnableColumnChooserCheckedChanged(object sender, EventArgs e)

        {

            ultraGrid1.DisplayLayout.Override.RowSelectorHeaderStyle =

                ultraGrid1.DisplayLayout.Override.RowSelectorHeaderStyle != RowSelectorHeaderStyle.ColumnChooserButton

                    ? RowSelectorHeaderStyle.ColumnChooserButton

                    : RowSelectorHeaderStyle.Default;

        }

  

  

        // Enable/Desable column Swapping

        private void UltraCheckEditorEnableColumnSwappingCheckedChanged(object sender, EventArgs e)

        {

            ultraGrid1.DisplayLayout.Override.AllowColSwapping =

                ultraGrid1.DisplayLayout.Override.AllowColSwapping != AllowColSwapping.WithinBand

                    ? AllowColSwapping.WithinBand

                    : AllowColSwapping.Default;

        }

  

  

        // Enable/Desable Row expansion indicator.

        private void UltraCheckEditorExpansionIndicatorCheckedChanged(object sender, EventArgs e)

        {

            ultraGrid1.DisplayLayout.Override.ExpansionIndicator =

                ultraGrid1.DisplayLayout.Override.ExpansionIndicator != ShowExpansionIndicator.Always

                    ? ShowExpansionIndicator.Always

                    : ShowExpansionIndicator.Never;

        }

  

  

        // Enable/Desable Row selector edit template

        private void UltraCheckEditorRowSelectorEditTemplateCheckedChanged(object sender, EventArgs e)

        {

            ultraGrid1.DisplayLayout.Override.RowEditTemplateUIType =

                ultraGrid1.DisplayLayout.Override.RowEditTemplateUIType != RowEditTemplateUIType.RowSelectorImage

                    ? RowEditTemplateUIType.RowSelectorImage

                    : RowEditTemplateUIType.Default;

        }

  

  

        // Switch to CardView

        private void UltraCheckEditorSwitchToCardViewCheckedChanged(object sender, EventArgs e)

        {

            ultraGrid1.DisplayLayout.Bands[0].CardView = !ultraGrid1.DisplayLayout.Bands[0].CardView;

        }

  

  

        // Select an item for FixedRowIndicator from the ComboBox.

        // if the FixedRowIndicator = "Button" it will appear on the row selector.

        private void UltraComboEditorFixedRowIndicatorValueChanged(object sender, EventArgs e)

        {

            var cb = ultraComboEditor_FixedRowIndicator;

            if (cb == null || cb.SelectedItem == null) return;

  

            // Hint: Use DataValue instead of DataText if you are retrieving an item, because DataText gets localized.

            ultraGrid1.DisplayLayout.Override.FixedRowIndicator = (FixedRowIndicator)cb.SelectedIndex;

        }

  

  

        // Select CardView style

        private void UltraComboEditorSelectCardViewStyleValueChanged(object sender, EventArgs e)

        {

            var cb2 = ultraComboEditor_SelectCardViewStyle;

            if (cb2 == null) return;

  

            ultraGrid1.DisplayLayout.Bands[0].CardSettings.Style = (CardStyle)cb2.SelectedIndex;

        }

  

  

        // Enamble/Desable Row summary button

        private void UltraComboEditorEnableSummaryValueChanged(object sender, EventArgs e)

        {

            var cb3 = ultraComboEditor_EnableSummary;

            if (cb3 == null) return;

  

            ultraGrid1.DisplayLayout.Override.AllowRowSummaries = (AllowRowSummaries)cb3.SelectedIndex;

        }

  

        #region BtnEnableTouchClick

        private void BtnEnableTouchClick(object sender, EventArgs e)

        {

            ultraTouchProvider1.Enabled = !ultraTouchProvider1.Enabled;

            btnEnableTouch.Text = ultraTouchProvider1.Enabled ? Properties.Resources.Button_Disable_Touch : Properties.Resources.Button_Enable_Touch;

  

        } 

        #endregion

    } 

        #endregion

}

Touch WinListView And Tree

using System;

using System.Drawing;

using System.IO;

using System.Windows.Forms;

using Infragistics.Win.UltraWinListView;

using Infragistics.Win.UltraWinTree;

  

namespace TouchEnabledListViewAndTree.CS

{

    public partial class TouchForm : Form

    {

        #region Private Members

        private readonly ImageList _imageList1;

        private readonly string _imagePath = Application.ExecutablePath + "\\..\\..\\..\\..\\Images\\";

        private const string ImageSuffix = ".png"; 

        #endregion

  

        #region Constructor

        public TouchForm()

        {

            InitializeComponent();

            _imageList1 = new ImageList();

        } 

        #endregion

  

        #region Public Methods

  

        #region PopulateWinList

        // Populate WinListView with local directory and files

        public void PopulateWinList()

        {

            // Add some UltraListViewSubItemColumns to the control's SubItemColumns collection 

            // to represent the file type, and date modified

            UltraListViewSubItemColumn colFileType = ultraListView1.SubItemColumns.Add(Properties.Resources.UltraListView_FileType);

            UltraListViewSubItemColumn colDateModified = ultraListView1.SubItemColumns.Add(Properties.Resources.UltraListView_DateModified);

  

  

            // FileType...

            // Set the DataType property to string

            colFileType.DataType = typeof(string);

  

  

            // Set the Text property to "Type"

            colFileType.Text = Properties.Resources.UltraListView_Type;

  

  

            // DateModified...

            // Set the DataType property to DateTime

            colDateModified.DataType = typeof(DateTime);

  

  

            // Set the Text property to "Date Modified"

            colDateModified.Text = Properties.Resources.UltraListView_DateModified;

  

  

            // Set the Format property so that we display the short representation of 

            // the date and time, appropriate for the current culture

            var shortDateFormat = System.Globalization.CultureInfo.CurrentCulture.DateTimeFormat.ShortDatePattern;

            var shortTimeFormat = System.Globalization.CultureInfo.CurrentCulture.DateTimeFormat.ShortTimePattern;

            colDateModified.Format = string.Format("{0} {1}", shortDateFormat, shortTimeFormat);

  

  

            // MainColumn...

            // Set the DataType to string

            ultraListView1.MainColumn.DataType = typeof(string);

  

  

            // Set the Text property to "Name"

            ultraListView1.MainColumn.Text = Properties.Resources.UltraListView_Name;

  

  

            // Add an appearance for the folder images, assigning to the folder items' Appearance

            Infragistics.Win.Appearance appearance = ultraListView1.Appearances.Add(Properties.Resources.UltraListView_Folder);

  

            if (appearance != null)

            {

                appearance.Image = new Bitmap(_imagePath + "Folder" + ImageSuffix);

            }

  

            // Get a DirectoryInfo object that represents the C drive of the local machine

            var cDriveInfo = new DirectoryInfo("C:\\");

  

  

            // Get the directories and files

            DirectoryInfo[] directories = cDriveInfo.GetDirectories();

            FileInfo[] files = cDriveInfo.GetFiles();

  

  

            // Iterate the directories and add an item for each one

            for (int i = 0; i < directories.Length; i++)

            {

                DirectoryInfo directoryInfo = directories[i];

  

                UltraListViewItem item = ultraListView1.Items.Add(directoryInfo.FullName, directoryInfo.Name);

                item.SubItems["FileType"].Value = Properties.Resources.UltraListView_File_Folder;

                item.SubItems["DateModified"].Value = directoryInfo.LastWriteTime;

                item.Appearance = ultraListView1.Appearances[Properties.Resources.UltraListView_Folder];

            }

  

            // Iterate the files and add an item for each one

            for (int i = 0; i < files.Length; i++)

            {

                FileInfo fileInfo = files[i];

  

                UltraListViewItem item = ultraListView1.Items.Add(fileInfo.FullName, fileInfo.Name);

                item.SubItems["FileType"].Value = Properties.Resources.UltraListView_File;

                item.SubItems["DateModified"].Value = fileInfo.LastWriteTime;

  

                // Check to see if the image collection contains an image for this extension, using the extension as a key.

                if (!_imageList1.Images.ContainsKey(fileInfo.Extension))

                {

                    // Set an icon for the file.

                    var iconForFile = Icon.ExtractAssociatedIcon(fileInfo.FullName);

  

                    if (iconForFile != null)

                        _imageList1.Images.Add(fileInfo.Extension, iconForFile);

                }

                _imageList1.ImageSize = new Size(256, 256);

                item.Appearance.Image = _imageList1.Images[fileInfo.Extension];

            }

            ultraListView1.EndUpdate();

        }

        #endregion

  

        #endregion

  

        #region Events

  

        #region TouchFormLoad

        private void TouchFormLoad(object sender, EventArgs e)

        {

            PopulateWinList();

  

            // Data Bind.

            ultraTree1.DataSource = new Library().Categories;

  

            // Initialize the ComboEditors with default display values.

            UltraComboEditor_UltraTreeViewStyle.SelectedIndex = 4;

            UltraComboEditor_UltraTreeNodeStyle.SelectedIndex = 4;

            UltraComboEditor_UltraListViewStyle.SelectedIndex = 1;

        }

        #endregion

  

        #region BtnEnableTouchClick

        private void BtnEnableTouchClick(object sender, EventArgs e)

        {

            ultraTouchProvider1.Enabled = !ultraTouchProvider1.Enabled;

            btnEnableTouch.Text = ultraTouchProvider1.Enabled ? Properties.Resources.Button_Disable_Touch : Properties.Resources.Button_Enable_Touch;

        }

        #endregion

  

        #region UltraComboEditorUltraListViewStyleValueChanged

        // Set UltraListView style

        private void UltraComboEditorUltraListViewStyleValueChanged(object sender, EventArgs e)

        {

            var cb = UltraComboEditor_UltraListViewStyle;

            if (cb == null || cb.SelectedItem == null)

                return;

            ultraListView1.View = (UltraListViewStyle)cb.SelectedIndex;

        }

        #endregion

  

        #region UltraCheckEditorCheckedChanged

        // Enable Checkboxes for UltraListView (Only with Details or List view)

        private void UltraCheckEditorCheckedChanged(object sender, EventArgs e)

        {

            if (UltraCheckEditor_EnableCheckboxes.Checked)

            {

                ultraListView1.ViewSettingsDetails.CheckBoxStyle = CheckBoxStyle.CheckBox;

                ultraListView1.ViewSettingsList.CheckBoxStyle = CheckBoxStyle.CheckBox;

            }

            else

            {

                ultraListView1.ViewSettingsDetails.CheckBoxStyle = CheckBoxStyle.None;

                ultraListView1.ViewSettingsList.CheckBoxStyle = CheckBoxStyle.None;

            }

        }

        #endregion

  

        #region UltraComboEditorUltraTreeNodeStyleValueChanged

        // Set UltraTree Node style (Only with Standard View)

        private void UltraComboEditorUltraTreeNodeStyleValueChanged(object sender, EventArgs e)

        {

            var cb = UltraComboEditor_UltraTreeNodeStyle;

            if (cb == null || cb.SelectedItem == null)

                return;

            ultraTree1.Override.NodeStyle = (NodeStyle)cb.SelectedIndex;

        }

        #endregion

  

        #region UltraComboEditorUltraTreeViewStyleValueChanged

        // Set UltraTree View style

        private void UltraComboEditorUltraTreeViewStyleValueChanged(object sender, EventArgs e)

        {

            var cb = UltraComboEditor_UltraTreeViewStyle;

            if (cb == null || cb.SelectedItem == null)

                return;

            ultraTree1.ViewStyle = (ViewStyle)cb.SelectedIndex;

        }

        #endregion

  

        #endregion

    }

}

To play around with the Infragistics Windows Forms touch enabled applications on your own, be sure to get Infragistics Ultimate and see the chart in action in our latest sample application by clicking the banner below!