Öğretici: Windows Forms Uygulaması (.NET Framework) resim görüntüleyicisine kod ekleme

Üç öğreticiden oluşan bu seride, bir resim yükleyip görüntüleyen bir Windows Forms uygulaması oluşturursunuz. Visual Studio Tümleşik Tasarım Ortamı (IDE), uygulamayı oluşturmak için ihtiyacınız olan araçları sağlar.

Denetimler, C# veya Visual Basic kodunu kullanarak bunlarla ilişkili eylemleri gerçekleştirir.

Bu üçüncü öğreticide şunların nasıl yapılacağını öğreneceksiniz:

• Denetimleriniz için olay işleyicileri ekleme
• İletişim kutusunu açmak için kod yazma
• Diğer denetimler için kod yazma
• Uygulamanızı çalıştırma

Daha fazla bilgi için bkz. Windows Forms .NET'te Masaüstü Kılavuzu.

Önkoşullar

• Bu öğretici, resim görüntüleyici uygulaması oluşturma ve resim görüntüleyicisine kullanıcı arabirimi denetimleri ekleme gibi önceki öğreticilere dayanır. Önce bunları tamamlayın ve bu öğreticiler için oluşturduğunuz projeyle başlayın.

Denetimleriniz için olay işleyicileri ekleme

Bu bölümde, ikinci öğreticide eklediğiniz denetimler için olay işleyicileri ekleyin bir resim görüntüleyici uygulamasına denetim ekleme. Uygulamanız, düğme seçme gibi bir eylem gerçekleştiğinde bir olay işleyicisi çağırır.

1. Visual Studio'yu açın. Projeniz Resim Görüntüleyicisi Son açılanlaraltında görünür.

2. Windows Forms Tasarımcıüzerinde Resim gösterme düğmesine çift tıklayın. Bunun yerine, formdaki Resim göster düğmesini seçip ardından Enter tuşuna basabilirsiniz.

   Visual Studio IDE, ana pencerede bir sekme açar. C# için sekme Form1.csolarak adlandırılır. Visual Basic kullanıyorsanız, sekme Form1.vbolarak adlandırılır.

   Bu sekme, formun arkasındaki kod dosyasını görüntüler.

   

   Not

   Form1.vb sekmesi showButtonShowButtonolarak görüntülenebilir.

3. Kodun bu bölümüne odaklanın.

   C#

   private void showButton_Click(object sender, EventArgs e)
   {
   }
   

   VB

   Private Sub showButton_Click() Handles showButton.Click
   
   End Sub
   

4. Windows Forms Tasarımcısı sekmesini yeniden seçin. Kodunu açmak için Resmi temizle düğmesine çift tıklayın. Kalan iki düğme için yineleyin. Visual Studio IDE her seferinde formun kod dosyasına yeni bir yöntem ekler.

5. bir yöntem eklemek için Windows Forms Designer checkBox1_CheckedChanged() CheckBox denetimine çift tıklayın. Onay kutusunu işaretleyip işaretini kaldırdığınızda bu yöntem çağrılır.

   Aşağıdaki kod parçacığı, kod düzenleyicisinde gördüğünüz yeni kodu gösterir.

   C#

   private void clearButton_Click(object sender, EventArgs e)
   {
   }
   
   private void backgroundButton_Click(object sender, EventArgs e)
   {
   }
   
   private void closeButton_Click(object sender, EventArgs e)
   {
   }
   
   private void checkBox1_CheckedChanged(object sender, EventArgs e)
   {
   }
   

   VB

   Private Sub clearButton_Click() Handles clearButton.Click
   
   End Sub
   
   Private Sub backgroundButton_Click() Handles backgroundButton.Click
   
   End Sub
   
   Private Sub closeButton_Click() Handles closeButton.Click
   
   End Sub
   
   Private Sub CheckBox1_CheckedChanged() Handles CheckBox1.CheckedChanged
   
   End Sub
   

---

Olay işleyicileri de dahil olmak üzere yöntemlerin istediğiniz herhangi bir adı olabilir. IDE ile bir olay işleyicisi eklediğinizde, denetimin adına ve işlenen olaya göre bir ad oluşturur.

Örneğin, Click adlı bir düğmenin olayı showButton_Click() veya ShowButton_Click()olarak adlandırılır. Bir kod değişkeninin adını değiştirmek istiyorsanız, koddaki değişkene sağ tıklayın ve ardından Yeniden Düzenle>yeniden adlandıröğesini seçin. Bu eylem koddaki bu değişkenin tüm örneklerini yeniden adlandırır. Daha fazla bilgi için bkz. Yeniden Adlandırma Refaktoringi.

İletişim kutusunu açmak için kod yazma

Resim göster düğmesi, resim dosyasını görüntülemek için OpenFileDialog bileşenini kullanır. Bu yordam, bu bileşeni çağırmak için kullanılan kodu ekler.

Visual Studio IDE, IntelliSenseadlı güçlü bir araç sunar. Siz yazarken IntelliSense olası kod önerir.

1. Windows Forms Designer'da Resim Göster düğmesine çift tıklayın. IDE, imlecinizi showButton_Click() veya ShowButton_Click() yönteminin içine taşır.

2. Süslü parantezler veya { } ile Private Sub...arasındaki boş satıra bir End Sub yazın. IntelliSense penceresi açılır.

   

3. IntelliSense sözcüğünü ifvurgulamalıdır. parçacığını eklemek için if tuşunu iki kez seçin.

4. true seçin, ardından C# için op veya Visual Basic için Op yazarak üzerine yazın.

   

   IntelliSense, openFileDialog1görüntüler.

5. openFileDialog1 eklemek için Sekme seçin.

6. openFileDialog1 .hemen sonra nokta () veya noktayazın. IntelliSense tüm OpenFileDialog bileşenin özelliklerini ve yöntemlerini sağlar. ShowDialog yazmaya başlayın ve Sekme'yi seçin. ShowDialog() yöntemi, Dosya Açma iletişim kutusunu gösterir.

7. ()'de "g" sözcüğünden hemen sonra ShowDialog parantez ekleyin. Kodunuz openFileDialog1.ShowDialog()olmalıdır.

8. C# için bir boşluk ekleyin ve ardından iki eşittir işareti ekleyin (==). Visual Basic için bir boşluk ekleyin ve ardından tek bir eşittir işareti (=) kullanın.

9. Başka bir alan ekleyin. DialogResultgirmek için IntelliSense kullanın.

10. IntelliSense penceresinde DialogResult değerini açmak için bir nokta yazın. O harfini girin ve Tamameklemek için Sekme tuşunu seçin.

    Not

    İlk kod satırı tamamlanmış olmalıdır. C# için aşağıdaki koda benzer olmalıdır.

    if (openFileDialog1.ShowDialog() == DialogResult.OK)

    Visual Basic için aşağıdaki kod olmalıdır.

    If OpenFileDialog1.ShowDialog() = DialogResult.OK Then

11. Aşağıdaki kod satırını ekleyin.

    C#

    pictureBox1.Load(openFileDialog1.FileName);  
    

    VB

    PictureBox1.Load(OpenFileDialog1.FileName)
    

    IntelliSense'i kopyalayıp yapıştırabilir veya eklemek için kullanabilirsiniz. Son showButton_Click() yönteminiz aşağıdaki koda benzer görünmelidir.

    C#

    private void showButton_Click(object sender, EventArgs e)
    {
        if (openFileDialog1.ShowDialog() == DialogResult.OK)
        {
            pictureBox1.Load(openFileDialog1.FileName);  
        }
    }
    

    VB

    Private Sub showButton_Click() Handles showButton.Click
        If OpenFileDialog1.ShowDialog() = DialogResult.OK Then
            PictureBox1.Load(OpenFileDialog1.FileName)
        End If
    
    End Sub
    

---

12. Kodunuza aşağıdaki açıklamayı ekleyin.

C#

private void showButton_Click(object sender, EventArgs e)
{
    // Show the Open File dialog. If the user clicks OK, load the
    // picture that the user chose.
    if (openFileDialog1.ShowDialog() == DialogResult.OK)
    {
        pictureBox1.Load(openFileDialog1.FileName);
    }
}

VB

Private Sub showButton_Click() Handles showButton.Click

    ' Show the Open File dialog. If the user clicks OK, load the
    ' picture that the user chose.
    If OpenFileDialog1.ShowDialog() = DialogResult.OK Then
        PictureBox1.Load(OpenFileDialog1.FileName)
    End If

End Sub

Kodunuza her zaman açıklama eklemek en iyi uygulamadır. Kod açıklamaları, gelecekte kodunuzu anlamanızı ve korumanızı kolaylaştırır.

Diğer denetimler için kod yazma

Uygulamanızı şimdi çalıştırırsanız, Resim gösterseçebilirsiniz. Resim Görüntüleyicisi, görüntülenecek resmi seçebileceğiniz Dosya Aç iletişim kutusunu açar.

Bu bölümde, diğer olay işleyicilerinin kodunu ekleyin.

1. Windows Forms Designer'nde, Temizle resmi temizle düğmesine çift tıklayın. C# için kodu küme parantezleri içine ekleyin. Visual Basic için kodu Private Sub ile End Subarasına ekleyin.

   C#

   private void clearButton_Click(object sender, EventArgs e)
   {
       // Clear the picture.
       pictureBox1.Image = null;
   }
   

   VB

   Private Sub clearButton_Click() Handles clearButton.Click
       ' Clear the picture.
       PictureBox1.Image = Nothing
   End Sub   
   

2. Arka plan rengini ayarla düğmesine çift tıklayın ve kodu ekleyin.

   C#

   private void backgroundButton_Click(object sender, EventArgs e)
   {
       // Show the color dialog box. If the user clicks OK, change the
       // PictureBox control's background to the color the user chose.
       if (colorDialog1.ShowDialog() == DialogResult.OK)
           pictureBox1.BackColor = colorDialog1.Color;
   }
   

   VB

   Private Sub backgroundButton_Click() Handles backgroundButton.Click
       ' Show the color dialog box. If the user clicks OK, change the
       ' PictureBox control's background to the color the user chose.
       If ColorDialog1.ShowDialog() = DialogResult.OK Then
           PictureBox1.BackColor = ColorDialog1.Color
       End If
   End Sub
   

3. Kapat düğmesine çift tıklayın ve kodu ekleyin.

   C#

   private void closeButton_Click(object sender, EventArgs e)
   {
       // Close the form.
       this.Close();
   }
   
   

   VB

   Private Sub closeButton_Click() Handles closeButton.Click
       ' Close the form.
       Close()
   End Sub  
   

4. Esnet onay kutusuna çift tıklayın ve kodu ekleyin.

   C#

   private void checkBox1_CheckedChanged(object sender, EventArgs e)
   {
       // If the user selects the Stretch check box, 
       // change the PictureBox's
       // SizeMode property to "Stretch". If the user clears 
       // the check box, change it to "Normal".
       if (checkBox1.Checked)
           pictureBox1.SizeMode = PictureBoxSizeMode.StretchImage;
       else
           pictureBox1.SizeMode = PictureBoxSizeMode.Normal;
   }
   

   VB

   Private Sub CheckBox1_CheckedChanged() Handles CheckBox1.CheckedChanged
       ' If the user selects the Stretch check box, change 
       ' the PictureBox's SizeMode property to "Stretch". If the user 
       ' clears the check box, change it to "Normal".
       If CheckBox1.Checked Then
           PictureBox1.SizeMode = PictureBoxSizeMode.StretchImage
       Else
           PictureBox1.SizeMode = PictureBoxSizeMode.Normal
       End If
   End Sub   
   

Uygulamanızı çalıştırma

Uygulamanızı yazarken istediğiniz zaman çalıştırabilirsiniz. Kodu önceki bölüme ekledikten sonra Resim Görüntüleyicisi tamamlanır. Önceki öğreticilerde olduğu gibi uygulamanızı çalıştırmak için aşağıdaki yöntemlerden birini kullanın:

• F5 anahtarını seçin.
• Menü çubuğunda Hata Ayıklama>Hata Ayıklamayı Başlatöğesini seçin.
• Araç çubuğunda başlangıç düğmesini seçin.

Resim Görüntüleyicisi başlığına sahip bir pencere görüntülenir. Tüm denetimleri test edin.

1. Arka plan rengini ayarla düğmesini seçin. Renk iletişim kutusu açılır.

   

2. Arka plan rengini ayarlamak için bir renk seçin.

3. Resmi görüntülemek için Resim göster seçin.

   

4. Esnetmeseçin ve seçimini kaldırın.

5. Resmin temizle düğmesini seçerek ekranın temizlendiğinden emin olun.

6. Uygulamadan çıkmak için Kapat'ı seçin.

Tebrikler! Bu öğretici dizisini tamamladınız. Visual Studio IDE'de şu programlama ve tasarım görevlerini gerçekleştirmişsiniz:

• Windows Forms kullanan bir Visual Studio projesi oluşturuldu
• Resim görüntüleme uygulaması için düzen eklendi
• Düğmeler ve onay kutusu eklendi
• İletişim kutuları eklendi
• Denetimleriniz için olay işleyicileri eklendi
• Olayları işlemek için yazılmış C# veya Visual Basic kodu

Sonraki adım

Zamanlanmış matematik testi oluşturma hakkında başka bir öğretici serisiyle öğrenmeye devam edin.

Rehberin 2. Bölümü: Süreli matematik sınavı oluşturma