C# Windows Form Uygulamasına Grafik Nasıl Eklenir

Windows Forms, masaüstü uygulamaları oluşturmanıza izin veren bir çerçevedir. Düğmeler gibi bileşenleri tıklayıp görsel bir kullanıcı arayüzüne sürükleyebilirsiniz. Ayrıca, kodunuz içinde manuel olarak çeşitli şekiller oluşturmanıza yardımcı olur.

Bu makale, uygulamanıza nasıl çizgiler, şekiller ve resimler ekleyeceğinizi gösterecektir. Bu öğretici, örnekleri göstermek için Visual Studio 2019 Community Edition'ı kullanır.

Grafik Çiziminde Kullanılan Yerleşik Sınıflar Nelerdir?

Windows Forms, C# programlama dili. Yerleşik sınıfları ve yöntemleri, bir Windows Form tuvaline çeşitli şekiller çizmenize olanak tanır. Bunlar Grafik, Kalem, Renk ve Fırça sınıflarını içerir.

Yukarıdaki öğreticinin çalışan bir örneğinin kaynak kodunu görüntülemek için şu adresi ziyaret edin: GitHub deposu. Aşağıdaki örnekleri yaptıktan sonra deneyebilirsiniz. bir Winforms uygulaması oluşturdu.

Form Yükleme Olay İşleyicisine Nasıl Boya Eklenir

İlk olarak, tuval yüklendiğinde şekiller çizmek için bir olay işleyici ekleyin.

1. Form için bir Paint işlevi ekleyin.

   özel geçersiz Form1_Paint (nesne gönderici, PaintEventArgs e)
   {
    // Kod buraya gelir
   }

2. Tasarım Görünümü Sekmesine gidin.
3. Özellikler penceresinde, "Olaylar" sekmesini açmak için yıldırım simgesini seçin.
4. "Paint" içinde, "Görünüm" altında Form1_Paint işlevini seçin. Bu, uygulamayı çalıştırdığınızda işlevi yürütecektir.

Windows Form Kanvasına Çizgiler Nasıl Çizilir

Bir tuval üzerine çizgiler çizmek için Color, Pen ve DrawLine() yöntemini kullanabilirsiniz.

1. Form1_Paint() işlevinin içinde, çizginin olmasını istediğiniz renge sahip bir Color nesnesi oluşturun. Ardından, çizgiyi çizmek için bir Pen nesnesi oluşturun.

   Renk siyah = Renkli. Argb'den (255, 0, 0, 0);
   Kalem blackPen = yeni Kalem (siyah);
   

2. Graphics sınıfındaki DrawLine() yöntemi, kalemi kullanarak bir çizgi çizecektir. Bu, bir x, y konumundan başka bir x, y konumuna bir çizgi çizmeye başlayacaktır.

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

3. Genişliğini, tire stilini ve başlangıç ​​veya bitiş kapağını değiştirmek için kalem nesnesinin özelliklerini değiştirebilirsiniz.

   Kara kalem. Genişlik = 20;
   Kara kalem. DashStyle = Sistem. Çizim. Çizim2D.DashStyle. Kısa çizgi;
   Kara kalem. StartCap = Sistem. Çizim. Drawing2D.LineCap. okÇapa;
   e. Grafikler. DrawLine (blackPen, 300, 200, 800, 200);
   

4. Değişiklikleri görmek için Visual Studio'nun üst kısmındaki yeşil oynat düğmesine basın.

Dikdörtgenler ve Daireler Gibi Şekiller Nasıl Çizilir

Farklı şekiller için şekil sınıflarını kullanabilir veya tuval üzerine manuel olarak şekiller çizebilirsiniz.

1. Önceki adımlarda gösterildiği gibi bir Renk ve Kalem nesnesi oluşturun. Ardından, dikdörtgeni oluşturmak için DrawRectangle() yöntemini kullanın. Argümanlar, dikdörtgenin genişliği ve yüksekliği ile birlikte sol üst köşesinin x ve y koordinatlarıdır.

   Renk kırmızı = Renk. Argb'den (255, 255, 0, 0);
   Kalem redPen = yeni Kalem (kırmızı);
   kırmızı kalem. Genişlik = 5;
   e. Grafikler. DrawRectangle (redPen, 100, 100, 500, 200);
   

2. Rectangle Class'ı kullanarak da bir dikdörtgen oluşturabilirsiniz. İlk önce bir Rectangle nesnesi oluşturun. Bağımsız değişkenler ayrıca sol üst köşe, genişlik ve yükseklik için x ve y koordinatlarıdır.

   Dikdörtgen dikdörtgen = yeni Dikdörtgen (100, 350, 500, 200);
   

3. Dikdörtgeni çizmek için DrawRectangle() işlevini kullanın. Daha önce olduğu gibi x, y, genişlik ve yüksekliği geçmek yerine Rectangle nesnesini kullanabilirsiniz.

   e. Grafikler. DrawRectangle (redPen, dikdörtgen);
   

4. Değişiklikleri görmek için Visual Studio'nun üst kısmındaki yeşil oynat düğmesine basın.
5. Başka şekiller çizmek için koda geri dönün. Bir daire çizmek için DrawEllipse() işlevini kullanın.

   Renk yeşil = Renk. Argb'den (255, 0, 255, 0);
   Kalem greenPen = yeni Kalem (yeşil);
   yeşil kalem. Genişlik = 5;
   e. Grafikler. DrawEllipse (greenPen, 400, 150, 400, 400);

   Bir daire çizdiğinizde, x ve y koordinatları (x=400, y=150) dairenin merkezine değil, dairenin sol üst köşesine atıfta bulunur.
6. Üçgen veya altıgen gibi başka şekiller çizmek için DrawPolygon() yöntemini kullanın. Burada şeklin noktalarını temsil edecek bir koordinat listesi belirleyebilirsiniz.

   Renk mavi = Renk. Argb'den (255, 0, 0, 255);
   Kalem bluePen = yeni Kalem (mavi);
   Mavi Kalem. Genişlik = 5;
   NoktaF[] koordinatlarForÜçgen = yeni NoktaF[] {
    yeni PointF(400, 150),
    yeni PointF(300, 300),
    yeni NoktaF(500, 300)
   };
   e. Grafikler. DrawPolygon (bluePen, koordinatlarForTriangle);
   

   DrawPolygon() yöntemi, belirtilen noktalar arasında çizgiler çizecektir. ​​​​​​

Şekilleri Renkle Doldurmak için Fırça Sınıfı Nasıl Kullanılır?

Düz renkli şekiller oluşturmak için FillRectangle(), FillEllipses() veya FillTriangle() yöntemlerini kullanabilirsiniz.

1. İlk olarak, bir fırça nesnesi oluşturun.

   Mor renk = Renk. Argb'den (255, 128, 0, 0);
   SolidBrush solidBrush = yeni SolidBrush (mor);

2. FillRectangle(), FillEllipses() veya FillTriangle() yöntemlerini kullanın. Kalem yerine Fırça nesnesi kullanmaları dışında, yukarıdaki çizim işlevleriyle aynı şekilde çalışırlar.

   e. Grafikler. FillRectangle (solidBrush, 50, 50, 200, 250);
   e. Grafikler. FillEllipse (katı Fırça, 300, 50, 200, 200);
   e. Grafikler. FillPolygon (solidBrush, yeni PointF[] { yeni PointF(700, 150), yeni PointF(600, 300), yeni PointF(800, 300) });

3. Koordinatları sağlamak yerine doğrudan bir şekil nesnesi de girebilirsiniz.

   Dikdörtgen dikdörtgen = yeni Dikdörtgen (100, 350, 500, 200);
   e. Grafikler. FillRectangle (solidBrush, dikdörtgen);

4. Şekli yatay veya dikey desen gibi farklı bir dolgu stili kullanarak doldurmak için HatchBrush'ı kullanın.

   Renk mavi = Renk. Argb'den (255, 0, 0, 255);
   Renk yeşil = Renk. Argb'den (255, 0, 255, 0);
   HatchBrush hatchBrush = yeni HatchBrush (HatchStyle. Yatay, yeşil, mavi);
   e. Grafikler. FillRectangle (hatchBrush, 50, 50, 200, 250);

5. Bir görüntü kullanarak bir şekli doldurmak için TextureBrush'ı kullanabilirsiniz. Burada, bir görüntü dosyasına işaret ederek bir bitmap oluşturun. Bir renk kullanarak fırça oluşturmak yerine, görüntüyü kullanarak oluşturun.

   Bit eşlem görüntüsü = (Bit eşlem) Görüntü. FromFile(@"C:\Users\Sharl\Desktop\flag.bmp", true);
   TextureBrush textureBrush = yeni TextureBrush (resim);
   e. Grafikler. FillRectangle (textureBrush, 100, 100, 500, 400);

Formda Görseller Nasıl Render Yapılır

Bir görüntüyü oluşturmak için, bir PictureBox kontrol nesnesi oluşturun ve bunu forma ekleyin.

1. Bir görüntü dosyası kullanarak bir PictureBox kontrol nesnesi oluşturun.

   PictureBox resmi = yeni PictureBox();
   resim. ImageLocation = @"C:\Users\Sharl\Desktop\flagLarge.bmp";
   

2. Resmin boyutunu ayarlayın ve oluşturması için forma ekleyin.

   resim. SizeMode = PictureBoxSizeMode. Otomatik Boyut;
   Bugün nasılsın. Kontroller. Resim Ekle);

3. Resmi görüntülemek için üstteki yeşil başlat düğmesine basın.

Windows Formunuza Daha Fazla Şekil Ekleme

Artık Windows formunuza nasıl çizgiler, şekiller ve resimler ekleyeceğinizi anlamalısınız. Yeni şekiller oluşturmak için şekilleri birleştirebilirsiniz. Daha karmaşık şekiller oluşturmak için yerleşik işlevlerle de oynayabilirsiniz.

Yazar hakkında

Sharlene Von Drehnen (7 Makale Yayımlandı)

Sharlene, MUO'da Teknoloji Yazarıdır ve ayrıca Yazılım Geliştirme alanında tam zamanlı olarak çalışmaktadır. BT lisans derecesine sahiptir ve daha önce Kalite Güvencesi ve Üniversitede özel ders tecrübesine sahiptir. Sharlene oyun oynamayı ve piyano çalmayı sever.

Sharlene Von Drehnen'dan Daha Fazla