Cara Menambahkan Grafik ke Aplikasi Formulir Windows C#

Windows Forms adalah kerangka kerja yang memungkinkan Anda membangun aplikasi desktop. Anda dapat mengklik dan menyeret komponen seperti tombol ke antarmuka pengguna visual. Ini juga membantu Anda secara manual membuat berbagai bentuk dalam kode Anda.

Artikel ini akan menunjukkan cara menambahkan garis, bentuk, dan gambar ke aplikasi Anda. Tutorial ini menggunakan Visual Studio 2019 Community Edition untuk menunjukkan contoh.

Apa Kelas Bawaan yang Digunakan untuk Menggambar Grafik?

Formulir Windows menggunakan: bahasa pemrograman C#. Kelas dan metode bawaannya memungkinkan Anda menggambar berbagai bentuk ke kanvas Formulir Windows. Ini termasuk kelas Grafik, Pena, Warna, dan Kuas.

Untuk melihat kode sumber untuk menjalankan contoh tutorial di atas, kunjungi Repositori GitHub. Anda dapat mencoba contoh berikut setelah Anda membuat aplikasi Winforms.

Cara Menambahkan Cat pada Form Load Event Handler

Pertama, tambahkan event handler untuk menggambar bentuk saat kanvas dimuat.

1. Tambahkan fungsi Paint untuk formulir.

   private void Form1_Paint (pengirim objek, PaintEventArgs e)
   {
    // Kode ada di sini
   }

2. Masuk ke Tab Tampilan Desain.
3. Di jendela Properties, pilih ikon petir untuk membuka tab "Acara".
4. Di "Paint", di bawah "Appearance", pilih fungsi Form1_Paint. Ini akan menjalankan fungsi ketika Anda menjalankan aplikasi.

Bagaimana Menggambar Garis Pada Kanvas Formulir Windows

Anda dapat menggunakan metode Color, Pen, dan DrawLine() untuk menggambar garis pada kanvas.

1. Di dalam fungsi Form1_Paint(), buat objek Color dengan warna garis yang Anda inginkan. Kemudian, buat objek Pena untuk menggambar garis.

   Warna hitam = Warna. DariArgb (255, 0, 0, 0);
   Pena blackPen = Pena baru (hitam);
   

2. Metode DrawLine() dari kelas Graphics akan menggambar garis menggunakan pena. Ini akan mulai menggambar garis dari posisi x, y ke posisi x, y lainnya.

   e. Grafik. DrawLine (blackPen, 300, 200, 800, 200);
   

3. Anda dapat memodifikasi properti untuk objek pena untuk mengubah lebarnya, gaya tanda hubung, dan tutup awal atau akhir.

   pena hitam. Lebar = 20;
   pena hitam. DashStyle = Sistem. Menggambar. Drawing2D.DashStyle. Berlari;
   pena hitam. StartCap = Sistem. Menggambar. Drawing2D.LineCap. Jangkar Panah;
   e. Grafik. DrawLine (blackPen, 300, 200, 800, 200);
   

4. Tekan tombol putar hijau di bagian atas Visual Studio untuk melihat perubahannya.

Bagaimana Menggambar Bentuk Seperti Persegi Panjang dan Lingkaran

Anda dapat menggunakan kelas bentuk untuk berbagai bentuk, atau menggambar bentuk secara manual ke kanvas.

1. Buat objek Warna dan Pena seperti yang ditunjukkan pada langkah sebelumnya. Kemudian, gunakan metode DrawRectangle() untuk membuat persegi panjang. Argumennya adalah koordinat x dan y untuk kiri atas persegi panjang, bersama dengan lebar dan tingginya.

   Warna merah = Warna. DariArgb (255, 255, 0, 0);
   Pena redPen = Pena baru (merah);
   pena merah Lebar = 5;
   e. Grafik. DrawRectangle (redPen, 100, 100, 500, 200);
   

2. Anda juga dapat membuat persegi panjang menggunakan Rectangle Class. Pertama, buat objek Rectangle. Argumen juga merupakan koordinat x dan y untuk sudut kiri atas, lebar, dan tinggi.

   Persegi panjang persegi panjang = Persegi panjang baru (100, 350, 500, 200);
   

3. Gunakan fungsi DrawRectangle() untuk menggambar persegi panjang. Alih-alih melewatkan x, y, lebar, dan tinggi seperti sebelumnya, Anda dapat menggunakan objek Rectangle sebagai gantinya.

   e. Grafik. DrawRectangle (redPen, persegi panjang);
   

4. Tekan tombol putar hijau di bagian atas Visual Studio untuk melihat perubahannya.
5. Kembali ke kode untuk menggambar bentuk lain. Gunakan fungsi DrawEllipse() untuk menggambar lingkaran.

   Warna hijau = Warna. DariArgb (255, 0, 255, 0);
   Pena greenPen = Pena baru (hijau);
   pena hijau. Lebar = 5;
   e. Grafik. DrawEllipse (greenPen, 400, 150, 400, 400);

   Saat Anda menggambar lingkaran, koordinat x dan y (x=400, y=150) mengacu pada sudut kiri atas lingkaran, bukan pusat lingkaran.
6. Untuk menggambar bentuk lain seperti segitiga atau segi enam, gunakan metode DrawPolygon(). Di sini Anda dapat menentukan daftar koordinat untuk mewakili titik-titik bentuk.

   Warna biru = Warna. DariArgb (255, 0, 0, 255);
   Pena bluePen = Pena baru (biru);
   pena biru Lebar = 5;
   PointF[] koordinatForTriangle = new PointF[] {
    PointF baru (400, 150),
    Titik baruF(300, 300),
    Titik baruF(500, 300)
   };
   e. Grafik. DrawPolygon (bluePen, koordinatForTriangle);
   

   Metode DrawPolygon() akan menggambar garis di antara titik-titik yang ditentukan. ​​​​​​

Cara Menggunakan Kelas Kuas untuk Mengisi Bentuk Dengan Warna

Anda dapat menggunakan metode FillRectangle(), FillEllips() atau FillTriangle() untuk membuat bentuk dengan warna solid.

1. Pertama, buat objek kuas.

   Warna ungu = Warna. DariArgb (255, 128, 0, 0);
   SolidBrush solidBrush = SolidBrush baru (ungu);

2. Gunakan metode FillRectangle(), FillEllips() atau FillTriangle(). Mereka bekerja dengan cara yang sama seperti fungsi menggambar di atas, kecuali sebagai ganti Pena, mereka menggunakan objek Kuas.

   e. Grafik. FillRectangle (solidBrush, 50, 50, 200, 250);
   e. Grafik. FillEllipse (solidBrush, 300, 50, 200, 200);
   e. Grafik. FillPolygon (solidBrush, PointF baru[] { PointF baru(700, 150), PointF baru(600, 300), PointF baru(800, 300) });

3. Anda juga dapat memasukkan objek bentuk secara langsung alih-alih memberikan koordinat.

   Persegi panjang persegi panjang = Persegi panjang baru (100, 350, 500, 200);
   e. Grafik. FillRectangle (solidBrush, persegi panjang);

4. Gunakan HatchBrush untuk mengisi bentuk menggunakan gaya isian yang berbeda, seperti pola horizontal atau vertikal.

   Warna biru = Warna. DariArgb (255, 0, 0, 255);
   Warna hijau = Warna. DariArgb (255, 0, 255, 0);
   HatchBrush hatchBrush = HatchBrush baru (HatchStyle. Horisontal, hijau, biru);
   e. Grafik. FillRectangle (hatchBrush, 50, 50, 200, 250);

5. Anda dapat menggunakan TextureBrush untuk mengisi bentuk menggunakan gambar. Di sini, buat bitmap dengan menunjuk ke file gambar. Alih-alih membuat kuas menggunakan warna, buatlah menggunakan gambar.

   Gambar bitmap = (Bitmap) Gambar. FromFile(@"C:\Users\Sharl\Desktop\flag.bmp", benar);
   TextureBrush textureBrush = TextureBrush baru (gambar);
   e. Grafik. FillRectangle (textureBrush, 100, 100, 500, 400);

Cara Merender Gambar Ke Formulir

Untuk merender gambar, buat objek kontrol PictureBox dan tambahkan ke formulir.

1. Buat objek kontrol PictureBox menggunakan file gambar.

   PictureBox gambar = PictureBox baru();
   gambar. ImageLocation = @"C:\Users\Sharl\Desktop\flagLarge.bmp";
   

2. Atur ukuran gambar dan tambahkan ke formulir sehingga dirender.

   gambar. SizeMode = PictureBoxSizeMode. Ukuran Otomatis;
   ini. Kontrol. Tambahkan (gambar);

3. Tekan tombol mulai hijau di bagian atas untuk melihat gambar.

Menambahkan Lebih Banyak Bentuk ke Formulir Windows Anda

Anda sekarang harus memahami cara menambahkan garis, bentuk, dan gambar ke formulir Windows Anda. Anda dapat menggabungkan bentuk untuk membuat bentuk baru. Anda juga dapat bermain-main dengan fungsi bawaan untuk membuat bentuk yang lebih kompleks.

Tentang Penulis

Sharlene Von Drehnen (7 Artikel Diterbitkan)

Sharlene adalah Penulis Teknologi di MUO dan juga bekerja penuh waktu di Pengembangan Perangkat Lunak. Dia memiliki gelar Sarjana IT dan memiliki pengalaman sebelumnya dalam Penjaminan Mutu dan bimbingan Universitas. Sharlene suka bermain game dan bermain piano.

More From Sharlene Von Drehnen