Drawing an Image at Runtime

Images can be drawn at runtime using the Paint event, like the following:

Add the following code to your project to draw an image at runtime:

To write code in Visual Basic

Visual Basic	Copy Code
Private Sub template1_Paint(sender As Object, e As C1.Win.C1Tile.TemplatePaintEventArgs) Dim g As Graphics = e.Graphics g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality Dim rect As Rectangle = e.ClipRectangle rect.X += (rect.Width - 28) \ 2 rect.Y += (rect.Height - 28) \ 2 rect.Width = 28 rect.Height = 28 Dim brush As Brush = New SolidBrush(e.Tile.GetBackColor()) Dim pen As New Pen(e.Tile.GetForeColor()) Select Case e.Tile.IntValue Case 1 g.FillPie(brush, rect, 50F, 270F) g.DrawPie(pen, rect, 50F, 270F) Exit Select Case 2 g.FillRectangle(brush, rect) g.DrawRectangle(pen, rect) Exit Select Case Else g.FillEllipse(brush, rect) g.DrawEllipse(pen, rect) Exit Select End Select brush.Dispose() pen.Dispose() End Sub

To write code in C#

In design view, right-click on the C1TileControl and select Properties.
Select Template1 from the Windows dropdown listbox.
Click on the events button and set the Paint event to template1_Paint.
Select tile1 so its C1TileControl Tasks menu appears and set its properties to the following:
- Horizontal Size to 1.
- Vertical Size to 1.
- IntValue to 0. This will apply the first drawing to the first tile.
- Template to template1.
Select tile2 so its C1TileControl Tasks menu appears and set its properties to the following:
- Horizontal Size to 1.
- Vertical Size to 1.
- IntValue to 1. This will apply the second drawing to the second tile.
- Template to template1.
. Select tile2 so its C1TileControl Tasks menu appears and set its properties to the following:
- Horizontal Size to 1.
- Vertical Size to 1.
- IntValue to 2. This will apply the third drawing to the third tile.
- Template to template1.
Run your project and observe the drawings made on the tiles.