実行時の画像の描画

実行時に Paint イベントを使用し、次のように、画像を描画できます。

C1TileControl を右クリックし、［テンプレートの編集］を選択します。
〈追加〉をクリックし、テンプレートを C1TileControl に追加します。

次のコードをプロジェクトに追加し、実行時に画像を描画します。

Visual Basic	コードのコピー
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

Visual Basic

コードのコピー

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

C#	コードのコピー
private void template8_Paint(object sender, C1.Win.C1Tile.TemplatePaintEventArgs e) { Graphics g = e.Graphics; g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality; Rectangle rect = e.ClipRectangle; rect.X += (rect.Width - 28) / 2; rect.Y += (rect.Height - 28) / 2; rect.Width = 28; rect.Height = 28; Brush brush = new SolidBrush(e.Tile.GetBackColor()); Pen pen = new Pen(e.Tile.GetForeColor()); switch (e.Tile.IntValue) { case 1: g.FillPie(brush, rect, 50f, 270f); g.DrawPie(pen, rect, 50f, 270f); break; case 2: g.FillRectangle(brush, rect); g.DrawRectangle(pen, rect); break; default: g.FillEllipse(brush, rect); g.DrawEllipse(pen, rect); break; } brush.Dispose(); pen.Dispose(); }

コードのコピー

private void template8_Paint(object sender, C1.Win.C1Tile.TemplatePaintEventArgs e)
   {
       Graphics g = e.Graphics;
       g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;
       Rectangle rect = e.ClipRectangle;
       rect.X += (rect.Width - 28) / 2;
       rect.Y += (rect.Height - 28) / 2;
       rect.Width = 28;
       rect.Height = 28;
       Brush brush = new SolidBrush(e.Tile.GetBackColor());
       Pen pen = new Pen(e.Tile.GetForeColor());
       switch (e.Tile.IntValue)
       {
           case 1:
              g.FillPie(brush, rect, 50f, 270f);
              g.DrawPie(pen, rect, 50f, 270f);
              break;
           case 2:
              g.FillRectangle(brush, rect);
              g.DrawRectangle(pen, rect);
              break;
          default:
             g.FillEllipse(brush, rect);
             g.DrawEllipse(pen, rect);
             break;
       }
       brush.Dispose();
       pen.Dispose();
   }

デザインビューで、C1TileControl を右クリックし、［プロパティ］を選択します。
ウィンドウのドロップダウンリストボックスから、Template1 を選択します。
ウィンドウのドロップダウンリストボックスから、Template1 を選択します。
tile1 を選択し、その［C1TileControl タスク］メニューを表示して、各プロパティを次のように設定します。
- Horizontal Size を１に設定。
- Vertical Size を１に設定。
- IntValue を０に設定。これにより、１番目の描画が１番目のタイルに適用されます。
- Template を template1 に設定。
tile2 を選択し、［C1TileControl タスク］メニューを表示して、各プロパティを次のように設定します。
- Horizontal Size を１に設定。
- Vertical Size を１に設定。
- IntValue を1に設定。これにより、２番目の描画が２番目のタイルに適用されます。
- Template を template1 に設定。
tile2 を選択し、［C1TileControl タスク］メニューを表示して、各プロパティを次のように設定します。
- Horizontal Size を１に設定。
- Vertical Size を１に設定。
- IntValue を2に設定。これにより、３番目の描画が３番目のタイルに適用されます。
- Template を template1 に設定。
プロジェクトを実行し、タイル上に作成された描画を観察します。