Menggambar Vektor Pada WinForm C#

SVG Vector Windows Form C#
Menggambar Vektor Pada WinForm C#

Pada Materi Sebelumnya kita telah mengulas mengenai GDI + dan fungsinya pada windows form, sekarang kita akan mencoba mengimplementasikannya kedalam program.

Untuk menggambar sebuah garis ataupun bentuk tertentu dengan GDI +, kamu perlu membuat Graphic Object dan Pen Object, Graphic object menyediakan method yang digunakan untuk menggambar, dan Pen Object berisi Atribut seperti warna, lebar, dan style yang digunakan.

Untuk membuat gambar pada Windows Form kamu dapat memanfaatkan Event Paint pada Panel.Jadi yang kita butuhkan adalah menambahkan Panel kedalam Form.

Membuat Gambar Garis C#

Untuk menggambar garis, kamu perlu memanggil method DrawLine dari Graphic Object. contoh :

 private void Panel1_Paint(object sender, PaintEventArgs e)
         {
             Graphics idgraphic = panel1.CreateGraphics();
             Brush black = new SolidBrush(Color.Black);
             Pen blackPen = new Pen(black, 10);
             idgraphic.DrawLine(blackPen, 30, 30, 70, 30);
     }

Kode di atas berfungsi untuk membuat gambar garis secara mendatar, perhatikan gambar berikut untuk penjelasan lebih lanjut :

konsep menggambar Garis C#
 idgraphic.DrawLine(blackPen, A, B, C, D); 

A dan B membentuk titik awal , sedangkan C dan D membentuk titik akhir. Sehingga apabila kedua koordinat di atas di hubungkan akan membentuk sebuah garis.

Berikut merupakan tampilan hasil dari program yang telah kita buat :

Gambar Garis C#

Membuat Gambar Persegi C#

Cara menggambar persegi hampir mirip dengan menggambar garis, Apabila ketika menggambar garis menggunakan DrawLine, menggambar persegi menggunakan DrawRectangle.

 private void Panel1_Paint(object sender, PaintEventArgs e)
         {
             Graphics idgraphic = panel1.CreateGraphics();
             Brush black = new SolidBrush(Color.Black);
             Pen blackPen = new Pen(black, 10);
             idgraphic.DrawRectange(blackPen, 30, 30, 70, 30);
     } 

Kode diatas berfungsi untuk menggambar persegi pada Windows Form, Perhatikan gambar dibawah ini :

konsep menggambar Persegi C#
idgraphic.DrawRectange(blackPen, A, B, C, D);

A dan B membentuk titik awal, C adalah ukuran Lebar pada Persegi dan D adalah ukuran Tinggi pada Persegi. Jadi dapat dikatakan bahwa DrawRectangle, hanya membutuhkan satu titik koordinat, yaitu titik awal.

Berikut adalah hasil dari kode program di atas :

Gambar Persegi C#

Membuat Gambar Elipse atau Lingkaran C#

Mirip seperti membuat persegi, pembuatan gambar Elipse pada windows form berdasarkan gambar atau ukuran persegi, namun untuk menggambar persegi, kamu tidak menggunaan DrawRectangle akan tetapi menggunakan DrawEllipse .

private void Panel1_Paint(object sender, PaintEventArgs e)
         {
             Graphics idgraphic = panel1.CreateGraphics();
             Brush black = new SolidBrush(Color.Black);
             Pen blackPen = new Pen(black, 10);
             idgraphic.DrawEllipse(blackPen, 30, 30, 70, 30);
     } 

Kode diatas berfungsi untuk menggambar Ellipse pada Windows Form, Perhatikan gambar dibawah ini :

konsep menggambar Oval atau Ellipse C#
 idgraphic.DrawEllipse(blackPen, A, B, C, D);

A dan B membentuk titik awal, C adalah ukuran Diameter pada Ellipse dan D adalah ukuran Tinggi pada Ellipsi. Jadi dapat dikatakan bahwa DrawEllipse, hanya membutuhkan satu titik koordinat, yaitu titik awal.

Membuat Gambar Polygon C#

Untuk menggambar suatu polygon kamu membutuhkan Array yang berisi kumpulan dari Point atau titik koordinat, konsep dari Polygon mirip seperti DrawLine atau menggambar garis yaitu beberapa titik koordinat yang dihubungkan hingga membentuk suatu gambar yang diinginkan.

Graphics idgraphic = panel1.CreateGraphics();
Brush red = new SolidBrush(Color.Red);
Pen redPen = new Pen(red, 10);
Brush black = new SolidBrush(Color.Black);
Pen blackPen = new Pen(black, 10);
Point[] idPointArray =
{
new Point(10,10),
new Point(60, 10),
new Point(60, 30),
new Point(30, 30),
new Point(10, 50)
};
idgraphic.DrawPolygon(blackPen, idPointArray);

Kode diatas berfungsi untuk menggambar bentuk Polygon pada Windows Form, Perhatikan gambar dibawah ini :

konsep menggambar Polygon C#

Pada gambar di atas terdapat 5 buah point atau titik koordinat yaitu :

  • (A,B)
  • (A,D)
  • (F,D)
  • (F,C)
  • (E,B)

dari daftar di atas membentuk array sebagai berikut :

  Point[] idPointArray =
{
new Point(A,B),
new Point(A, D),
new Point(F, D),
new Point(F, C),
new Point(E, B)
};

Jika kamu ingin menggambar yang lebih rumit, tentunya kamu butuh Titik koordinat yang lebih banyak agar dapat membentuk sebuah gambar yang kamu inginkan.

Berikut adalah hasil dari kode program di atas :

Gambar Polygon C#

Mungkin Cukup Sekian materi menggambar Vektor dengan C# kali ini, materi selanjutnya akan membahas mengenai menggambar SPLines pada Windows Form menggunakan bahasa Pemrograman C#.

Mungkin Anda juga menyukai