Öğretici: Windows Forms Uygulaması (.NET Framework) resim görüntüleyicisine denetim 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.

Bu programın bir resim kutusu, onay kutusu ve uygulamayı denetlemek için kullandığınız çeşitli düğmeleri vardır. Bu öğreticide bu denetimlerin nasıl ekleneceği gösterilmektedir.

Bu ikinci öğreticide şunların nasıl yapılacağını öğreneceksiniz:

• Uygulamanıza denetim ekleme
• Düzen panelinde düğme ekleme
• Denetim adlarını ve konumlarını değiştirme
• İletişim kutusu bileşenleri ekle

.NET ile yeni bir Windows Forms Uygulaması oluşturmak için .NET ile Windows Forms uygulaması oluşturmaöğreticisini izleyin. Daha fazla bilgi edinmek için Windows Forms .NET Masaüstü Kılavuzu'na bakın.

Önkoşullar

• Bu öğretici, resim görüntüleyici uygulaması oluşturmaönceki öğreticiye göre oluşturulur. Önce bunu tamamlayın ve bu öğretici için oluşturduğunuz projeyle başlayın.

Uygulamanıza denetim ekleme

Resim Görüntüleyicisi uygulaması, resim görüntülemek için bir PictureBox denetimi kullanır. Resmi ve arka planı yönetmek ve uygulamayı kapatmak için bir onay kutusu ve birkaç düğme kullanır. Visual Studio IDE'deki Araç Kutusu'ndan PictureBox'ı ve onay kutusunu eklersiniz.

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

2. Windows Forms Designeriçinde, önceki öğreticide eklediğiniz TableLayoutPanel öğesini seçin. tableLayoutPanel1'in Özellikleri penceresinde göründüğünü kontrol edin.

3. Visual Studio IDE'nin sol tarafında Araç Kutusu sekmesini seçin. Bunu görmüyorsanız, menü çubuğundan Görünüm >Araç Kutususeçin veya Ctrl +Alt+X. Araç kutusunda Ortak Denetimlergenişletin.

4. Formunuza bir PictureBox denetimi eklemek için PictureBox üzerine çift tıklayın. Visual Studio, TableLayoutPanel'in ilk boş hücresine PictureBox denetimini ekler.

5. Yeni PictureBox denetimini seçip görev listesini görüntülemek için yeni PictureBox denetimindeki siyah üçgeni seçin.

   

6. Üst Kapsayıcı 'deDock'u seçin, bu da PictureBox Dock özelliğini Dolguolarak ayarlar. Bu değeri Özellikler penceresinde görebilirsiniz.

7. PictureBox'ın Özellikler penceresinde, ColumnSpan özelliğini 2olarak ayarlayın. PictureBox artık her iki sütunu da doldurur.

8. BorderStyle özelliğini Fixed3Dolarak ayarlayın.

9. Windows Forms Designeriçinde TableLayoutPanelöğesini seçin. Ardından, yeni bir CheckBox denetimi eklemek için Araç Kutusuiçindeki CheckBox öğesine çift tıklayın. PictureBox'ınız TableLayoutPanel içindeki ilk iki hücreyi kaplar, bu nedenle CheckBox denetimi sol alt hücreye eklenir.

10. Metin özelliğini seçin ve Genişletmegirin.

    

Düzen panelinde düğme ekleme

Şimdiye kadar TableLayoutPanel'e denetimler eklediniz. Bu adımlar TableLayoutPanel'da yeni bir düzen paneline dört düğme eklemeyi gösterir.

1. Formda TableLayoutPanel öğesini seçin. Araç Kutusu'u açın ve Kapsayıcılarseçin. TableLayoutPanel'in son hücresine yeni bir denetim eklemek için FlowLayoutPanel çift tıklayın.

2. FlowLayoutPanel'in Dock özelliğini Fill olarak ayarlayın. Bu özelliği ayarlamak için siyah üçgeni ve ardından ebeveyn konteynerdeDock'u seçin.

   FlowLayoutPanel, diğer denetimleri art arda sıralı olarak yerleştiren bir kapsayıcıdır.

3. Yeni FlowLayoutPanel'i seçin ve ardından Araç Kutusu açın ve Ortak Denetimleröğesini seçin. Düğmesi öğesine çift tıklayarak düğmesi1 adlı bir düğme denetimi ekleyin.

4. Başka bir düğme eklemek için Düğme üzerine tekrar çift tıklayın. IDE, button2'ı bir sonraki çağırır.

5. Bu şekilde iki düğme daha ekleyin. Bir diğer seçenek de düğmesini2seçmektir. Ardından Düzenle>Kopyala veya Ctrl+Cöğesini seçin. Ardından, menü çubuğundan Düzenle >Yapıştır düzenleseçin veya düğmenizin bir kopyasını yapıştırmak için Ctrl+V basın. Şimdi tekrar yapıştırın. IDE, FlowLayoutPanel'e button3 ve button4 ekler.

6. İlk düğmeyi seçin ve Metin özelliğini Resim gösterolarak ayarlayın.

7. Sonraki üç düğmenin Metin özelliklerini Resmitemizle, Arka plan renginiayarla ve Kapatolarak ayarlayın.

8. Düğmeleri boyutlandırmak ve düzenlemek için FlowLayoutPanel'i seçin. FlowDirection özelliğini RightToLeftolarak ayarlayın.

   Düğmeler kendilerini hücrenin sağ tarafına hizalamalı ve sıralarını ters çevirerek Resim göster düğmesinin hücrenin sağ tarafında olması gerekir. FlowLayoutPanel'in etrafındaki düğmeleri sürükleyerek istediğiniz sırada düzenleyebilirsiniz.

9. seçmek için Kapat düğmesini seçin. Ardından, düğmelerin geri kalanını aynı anda seçmek için Ctrl tuşunu basılı tutun ve bunları da seçin.

10. Özellikleri penceresinde, AutoSize özelliğini True olarak ayarlayın. Düğmeler, metinlerine sığacak şekilde yeniden boyutlanır.

    

Denetimlerin nasıl göründüğünü görmek için programınızı çalıştırabilirsiniz. F5 tuşuna basın, Hata Ayıklama>Hata Ayıklamayı Başlatseçeneğini seçin veya Başlat düğmesine basın. Eklediğiniz düğmeler henüz hiçbir şey yapmaz.

Denetim adlarını değiştirme

Formunuzda C#'ta, düğme1, düğme2, düğme3ve düğme4 adlı dört düğme vardır. Visual Basic'te, herhangi bir denetim adının varsayılan ilk harfi büyük harfle yazıldığından düğmeler Button1, Button2, Button3ve Button4olarak adlandırılır. Onlara daha bilgilendirici adlar vermek için bu adımları kullanın.

1. Formda Kapat düğmesini seçin. Tüm düğmeler seçili durumdaysa, seçimi iptal etmek için Esc seçin.

2. Özellikler penceresinde (Ad)arayın. Adını closeButtonolarak değiştirin.

   

   IDE, boşluk içeren adları kabul etmez.

3. Diğer üç düğmeyi backgroundButton, clearButtonve showButtonolarak yeniden adlandırın. Özellikleri penceresindeki kontrol seçici açılır listesini seçerek adları doğrulayabilirsiniz. Yeni düğme adları görüntülenir.

TableLayoutPanel veya CheckBox gibi herhangi bir denetimin adını değiştirebilirsiniz.

İletişim kutusu bileşenleri ekle

Uygulamanız resim dosyalarını açabilir ve bileşenleri kullanarak bir arka plan rengi seçebilir. Bileşen bir denetim gibidir. Formunuza bileşen eklemek için Araç Kutusu kullanırsınız. özelliklerini Özellikler penceresini kullanarak ayarlarsınız.

Denetimin aksine, formunuza bileşen eklemek görünür öğe eklemez. Bunun yerine, kodla tetikleyebileceğiniz belirli davranışlar sağlar. Örneğin, Dosya Aç iletişim kutusunu açan bir bileşendir.

Bu bölümde, formunuza bir OpenFileDialog bileşeni ve ColorDialog bileşeni eklersiniz.

1. Windows Forms Designer (Form1.cs [Tasarım]) seçin. Ardından Araç Kutusu'nı açın ve İletişim Kutuları grubunu seçin.

2. Formunuza openFileDialog1 adlı bir bileşen eklemek için OpenFileDialog üzerine çift tıklayın.

3. ColorDialog çift tıklayın ve colorDialog1adlı bir bileşen ekleyin. Bileşenler, Windows Forms Designer altında simgeler olarak görünür.

   

4. openFileDialog1 simgesini seçin ve iki özellik ayarlayın:

   • Filter özelliğini aşağıdaki değere ayarlayın:

     JPEG Files (*.jpg)|*.jpg|PNG Files (*.png)|*.png|BMP Files (*.bmp)|*.bmp|All files (*.*)|*.*
     

   • Title özelliğini şu değere ayarlayın: resim dosyası seçin.

   Filtre özellik ayarları, Resim seçin iletişim kutusunun görüntülediği türleri belirtir.

Sonraki adım

Uygulamanıza kod eklemeyi öğrenmek için sonraki öğreticiye ilerleyin.

Öğreticisi bölüm 3: Resim Görüntüleyicinize kod ekleme