Alternating the Text View by a Timer

Show All

Hide All

To alternate the text view by a timer, complete the following:

Add the First Template

Right-click the Tile control and select Edit Templates. The C1TileControl.Templates Collection Editor appears.
Click Add twice to add two templates to the C1TileControl.
Select template1 and click on th ellipsis button next to the Elements collection. The Template.Elements collection editor appears.
Select the PanelElement from the Add dropdown listbox.
Set the PanelElements properties to the following:
- Alignment property to TopLeft.
- ChildSpacing property to 0. This will decrease the default spacing between the child elements from 5 pixels to 0 pixels.
- Orientation property to Vertical.
Click on the ellipsis button next to the Children property.
Add two TextElements to the PanelElement.
Select the second text element, [1] TextElement and set its TextSelector property to Text1. This will assign the value of the Text1 property to this template.
Click OK to save and close the PanelElement.Children Collection Editor and click OK to save and close the Template.Elements Collection Editor.

Add the Second Template

Select template2 in the C1TileControl.Templates Collection Editor.
Click on the Ellipsis button next to the Elements Collection. The Template.Elements Collection Editor appears.
Click the dropdown arrow next to the Add button to add a PanelElement.
Set the [0]Panel Element properties to the following:
- Alignment property to TopLeft.
- ChildSpacing property to 0.
- Orientation property to Vertical.
Click the ellipsis button next to the Children (Collection) property and add two TextElements.
Select the first text element, [0] TextElement and set its TextSelector property to Text1.
Select the second text element, [1] TextElement and set its TextSelector property to Text2.
Click OK to save and close the PanelElement.Children Collection Editor and click OK to save and close the Template.Elements Collection Editor.
Right-click on Tile1 and select Edit Groups. The C1TileControl.Groups Collection Editor appears.
Click on the ellipsis button next to the Tiles Collection.
Select tile1 and set its properties to the following:
- Template property to template1. The settings for template1 are applied to Tile1.
- Text1property to Detailed description of the Tile.
- Text2 property to More information and details of the Tile behavior.
Click OK to save and close the Group.Tiles Collection Editor.

Tile1 should appear like the following:

Add a Timer to alternate the template views for Tile1.

Double-click on the WindowsForm Timer control to add it to your component tray.
Set the timer1 Interval property to 3000 and the Enabled property True.
Right-click on the TileControl and select View Code.

Add the following code to your project to create an animation that alternates the text views of each template:

Visual Basic	Copy Code
Public Partial Class Form1 Inherits Form Private _tile1Flipped As Boolean Public Sub New() InitializeComponent() End Sub Private Sub timer1_Tick(sender As Object, e As EventArgs) Dim a As Boolean = _tile1Flipped tile1.Template = If(a, template1, template2) _tile1Flipped = Not a End Sub End Class

Visual Basic

Copy Code

Public Partial Class Form1
   Inherits Form
   Private _tile1Flipped As Boolean
 
   Public Sub New()
          InitializeComponent()
   End Sub
 
   Private Sub timer1_Tick(sender As Object, e As EventArgs)
          Dim a As Boolean = _tile1Flipped
          tile1.Template = If(a, template1, template2)
          _tile1Flipped = Not a
   End Sub
End Class

C#	Copy Code
public partial class Form1 : Form { bool _tile1Flipped; public Form1() { InitializeComponent(); } private void timer1_Tick(object sender, EventArgs e) { bool a = _tile1Flipped; tile1.Template = a ? template1 : template2; _tile1Flipped = !a; } }

Copy Code

public partial class Form1 : Form
    {
        bool _tile1Flipped;
 
        public Form1()
        {
            InitializeComponent();
        }
 
        private void timer1_Tick(object sender, EventArgs e)
        {
            bool a = _tile1Flipped;
            tile1.Template = a ? template1 : template2;
            _tile1Flipped = !a;
        }
    }

In Design view, assign the timer_Tick event handler to timer1.

This topic illustrates the following:

The Tile alternates templates based opon a timer. The first template is displayed for a few seconds and then the second template for the tile appears in place of the first.