Aracılığıyla paylaş


Eğitim: WinForms uygulaması ile matematik testi oluşturma

Dört öğreticiden oluşan bu seride bir matematik testi oluşturacaksınız. Test, bir sınava girişenin belirli bir süre içinde yanıtlamaya çalıştığı dört rastgele matematik sorunu içerir.

Visual Studio tümleşik geliştirme ortamı (IDE), uygulamayı oluşturmak için ihtiyacınız olan araçları sağlar. Bu IDE hakkında daha fazla bilgi edinmek için bkz. Visual Studio IDEHoş Geldiniz.

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

  • Windows Forms kullanan bir Visual Studio projesi oluşturun.
  • Forma etiket, düğme ve diğer denetimleri ekleyin.
  • Denetimlerin özelliklerini ayarlayın.
  • Projenizi kaydedin ve çalıştırın.

Önkoşullar

Bu öğreticiyi tamamlamak için Visual Studio'ya ihtiyacınız vardır. Visual Studio indirmeleri sayfasını ücretsiz sürümü için ziyaret edin.

Not

Bu eğitici rehber, Windows Forms Uygulaması (.NET Framework) proje şablonunu gerektirir. Yükleme sırasında .NET masaüstü geliştirme iş yükünü seçin:

Visual Studio Yükleyicisi'nde .NET masaüstü geliştirme iş yükünü gösteren ekran görüntüsü.

Visual Studio'yu zaten yüklediyseniz ve eklemeniz gerekiyorsa, menüden Araçlar>Araçları ve Özellikleri Al'ü seçin veya Yeni Proje Oluştur penceresindeDaha Fazla Araç ve Özellik Yükle bağlantısını seçin.

Yeni proje oluştur iletişim kutusundaki Aradığınızı bulamıyor iletisinin Daha fazla araç ve özellik yükle bağlantısını gösteren ekran görüntüsü.

Windows Forms projenizi oluşturma

Matematik testi oluşturduğunuzda, ilk adım bir Windows Forms Uygulaması projesi oluşturmaktır.

  1. Visual Studio'yu açın.

  2. Başlangıç penceresinde yeni proje oluştur seçin.

    Visual Studio başlangıç penceresinde Yeni proje oluştur seçeneğini gösteren ekran görüntüsü.

  3. Yeni proje oluştur penceresinde Windows Formsaraması yapın. Ardından Proje türü listesinden Desktop'ı seçin.

  4. C# veya Visual Basic için Windows Forms Uygulaması (.NET Framework) şablonunu seçin ve ardından sonraki seçin.

    Arama kutusu, Proje türü listesi ve iki şablonun vurgulandığını gösteren Yeni proje oluştur iletişim kutusunu gösteren ekran görüntüsü.

  5. Yeni projenizi yapılandırın penceresinde projenizi MathQuiz adlandırın ve ardından Oluşturöğesini seçin.

  1. Visual Studio'yu açın.

  2. Başlangıç penceresinde yeni proje oluştur seçin.

    Visual Studio başlangıç penceresinde Yeni proje oluştur seçeneğini gösteren ekran görüntüsü.

  3. Yeni proje oluştur penceresinde Windows Formsaraması yapın. Ardından Proje türü listesinden Desktop'ı seçin.

  4. C# veya Visual Basic için Windows Forms Uygulaması (.NET Framework) şablonunu seçin ve ardından sonraki seçin.

    Arama kutusu, Proje türü listesi ve iki şablonun vurgulandığını gösteren Yeni proje oluştur iletişim kutusunu gösteren ekran görüntüsü.

  5. Yeni projenizi yapılandırın penceresinde projenizi MathQuiz adlandırın ve ardından Oluşturöğesini seçin.

Visual Studio, uygulamanız için bir çözüm oluşturur. Çözüm, uygulamanızın ihtiyaç duyduğu tüm projeler ve dosyalar için bir kapsayıcıdır.

Form özelliklerini ayarlama

Şablonunuzu seçip dosyanızı adlandırdıktan sonra Visual Studio sizin için bir form açar. Bu bölümde, bazı form özelliklerinin nasıl değiştirileceği gösterilmektedir.

  1. Projenizde Windows Forms Designeröğesini seçin. Tasarımcı sekmesi, C# için [Tasarım] Form1.cs veya Visual Basic için Form1.vb [Tasarım] etiketlenmiştir.

  2. Formu seçin, Form1.

  3. Özellikleri penceresi artık formun özelliklerini görüntüler. Bu pencere genellikle Visual Studio'nun sağ alt köşesindedir. Özelliklergörmüyorsanız, Görünüm>Özellikler Penceresiseçeneğini belirleyin.

  4. Özellikleri penceresinde Metin özelliğini bulun. Listenin nasıl sıralandığına bağlı olarak, aşağı kaydırmanız gerekebilir. Metin değeri için Matematik Testi değerini girin ve Enterdüğmesine basın.

    Formunuzun başlık çubuğunda artık "Matematik Testi" metni var.

    Not

    Özellikleri kategoriye veya alfabetik olarak görüntüleyebilirsiniz. Özellikler penceresindeki düğmeleri kullanarak geçiş yapın.

  5. Formun boyutunu 500 piksel genişliğinde ve 400 piksel yüksekliğinde olacak şekilde değiştirin.

    Özellikler penceresinde doğru boyut Boyut değeri olarak görünene kadar formun kenarlarını sürükleyerek veya tutamacı sürükleyerek formu yeniden boyutlandırabilirsiniz. Sürükleme tutamacı, formun sağ alt köşesindeki küçük bir beyaz karedir. Ayrıca, Boyutu özelliğinin değerlerini değiştirerek formu yeniden boyutlandırabilirsiniz.

  6. FormBorderStyle özelliğinin değerini Fixed3D olarak değiştirin ve MaximizeBox özelliğini false olarak ayarlayın.

    Bu değerler, test alanların formu yeniden boyutlandırmasını engeller.

Kalan süre kutusunu oluştur

Matematik testi sağ üst köşede bir kutu içerir. Bu kutu, testte kalan saniye sayısını gösterir. Bu bölümde, bu kutu için bir etiketin nasıl kullanılacağı gösterilir. Bu serinin sonraki öğreticisinde geri sayım sayacı için kod ekliyorsunuz.

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

  2. Araç Kutusu'deki Label kontrolünü seçin ve formun üzerine sürükleyin.

  3. Özellikler kutusunda etiket için aşağıdaki özellikleri ayarlayın:

    • (Ad)timeLabelolarak ayarlayın.
    • Kutuyu yeniden boyutlandırabilmeniz için Otomatik Boyutlandırma değerini False olarak değiştirin.
    • Kutunun etrafına çizgi çizmek için BorderStyle FixedSingle olarak değiştirin.
    • Boyutu200, 30olarak ayarlayın.
    • Metin özelliğini seçin ve ardından Metin değerini temizlemek için Geri Al tuşuna basın.
    • Yazı Tipi özelliğinin yanındaki artı işaretini (+) seçin ve Boyutu'ni 15,75olarak ayarlayın.
  4. Etiketi formun sağ üst köşesine taşıyın. Mavi boşluk çizgileri görüntülendiğinde, denetimi forma yerleştirmek için bunları kullanın.

  5. Araç Kutusubaşka bir Etiket denetimi ekleyin ve yazı tipi boyutunu 15,75olarak ayarlayın.

  6. Bu etiketin Text özelliğini Time Leftolarak ayarlayın.

  7. Etiketi, timeLabel etiketinin soluna doğru olacak şekilde taşıyın.

    Formun sağ üst köşesinde yan yana sıralanmış denetimlerle Kalan Süre etiketini gösteren ekran görüntüsü.

Toplama problemi için denetim ekleme

Testin ilk bölümü bir ekleme sorunudur. Bu bölümde, bu sorunu görüntülemek için etiketlerin nasıl kullanılacağı gösterilmektedir.

  1. Araç Kutusu'ndan form üzerine bir Etiket denetimi ekleyin.

  2. Özellikler kutusunda etiket için aşağıdaki özellikleri ayarlayın:

    • Metinolarak ayarlansın mı? (soru işareti).
    • Otomatik BoyutlandırmaFalseolarak ayarlayın.
    • Boyutu60, 50olarak ayarlayın.
    • Yazı tipi boyutunu 18 olarak ayarlayın.
    • TextAlign değerini MiddleCenter olarak ayarlayın.
    • Konumunu, kontrolü forma yerleştirmek için 50, 75 olarak ayarlayın.
    • (Ad)'i plusLeftLabelolarak ayarlayın.
  3. Formda, oluşturduğunuz plusLeftLabel etiketini seçin. Düzenle>Kopyala veya Ctrl+Cöğesini seçerek etiketi kopyalayın.

  4. Etiketi, ya Düzenle >Yapıştırya da Ctrl +Vseçeneğini üç kez seçerek forma üç kez yapıştırın.

  5. Üç yeni etiketi, plusLeftLabel etiketinin sağındaki bir satırda olacak şekilde düzenleyin.

  6. İkinci etiketin Text özelliğini + (artı işareti) olarak ayarlayın.

  7. Üçüncü etiketin (Ad) özelliğini plusRightLabelolarak ayarlayın.

  8. Dördüncü etiketin Text özelliğini = (eşittir işareti) olarak ayarlayın.

  9. Formuna, Araç Kutusu'den bir NumericUpDown denetimi ekleyin. Daha sonra bu tür denetimler hakkında daha fazla bilgi edinebilirsiniz.

  10. Özellikleri kutusunda, NumericUpDown denetimi için aşağıdaki özellikleri ayarlayın:

    • Yazı tipi boyutunu 18 olarak ayarlayın.
    • MaximumSizealtında genişliği 100olarak ayarlayın.
    • (Ad)toplamınıolarak ayarlayın.
  11. NumericUpDown kontrolünü matematiksel toplama problemi için Label kontrolleriyle hizalayın.

    Etiketlerin görünür olduğu matematik testinin ilk satırını gösteren ekran görüntüsü ve sıfır görüntüleyen ok tuşları içeren bir denetim.

Çıkarma, çarpma ve bölme sorunları için denetimler ekleme

Ardından, kalan matematik sorunları için forma etiketler ekleyin.

  1. Dört Etiket denetimini ve ekleme sorunu için oluşturduğunuz NumericUpDown denetimini kopyalayın. Bunları forma yapıştırın.

  2. Yeni denetimleri, ekleme denetimlerinin altında hizaya getirmek için taşıyın.

  3. Özellikler kutusunda, yeni denetimler için aşağıdaki özellikleri ayarlayın:

    • İlk soru işareti etiketinin (Ad) değerini minusLeftLabelolarak ayarlayın.
    • İkinci etiketin metnini - (eksi işareti) olarak ayarlayın.
    • İkinci soru işareti içeren etiketin (Ad)'ini eksi Sağ Etiketolarak ayarlayın.
    • NumericUpDown denetiminin (Ad) değerini farkına göre ayarlayın.
  4. Ekleme denetimlerini kopyalayın ve forma iki kez daha yapıştırın.

  5. Üçüncü satır için:

    • İlk soru işareti etiketinin (Ad)'ini timesLeftLabelolarak ayarlayın.
    • İkinci etiketin Metin'ini × (çarpma işareti) olacak şekilde ayarlayın. Bu öğreticideki çarpma işaretini kopyalayıp forma yapıştırabilirsiniz.
    • İkinci soru işareti etiketinin (Ad) değerini timesRightLabelolarak ayarlayın.
    • NumericUpDown denetiminin adını olarak ürünayarlayın.
  6. Dördüncü satır için:

    • İlk soru işareti etiketinin adını (Ad)dividedLeftLabelolarak ayarlayın.
    • İkinci etiketin Metin'ini ÷ (bölme işareti) olarak ayarlayın. Bu öğreticideki bölüm işaretini kopyalayıp forma yapıştırabilirsiniz.
    • İkinci soru işareti etiketinin (Ad)'i dividedRightLabelolarak ayarla.
    • NumericUpDown kontrolünün (Ad) kısmını bölümolarak ayarlayın.

Etiketler ve ok tuşlarıyla denetimler görünürken dört sorun satırı içeren matematik testini gösteren ekran görüntüsü.

Başlangıç düğmesi ekleme ve sekme dizini sırasını ayarlama

Bu bölümde başlangıç düğmesinin nasıl ekleneceği gösterilir. Denetimlerin sekme sırasını da belirtirsiniz. Bu sıralama, Sekme tuşunu kullanarak sınav katılımcısının bir denetimden diğerine nasıl geçtiğini belirler.

  1. Araç Kutusu'den bir Button denetimini forma ekleyin.

  2. Özellikleri kutusunda düğmenin aşağıdaki özelliklerini ayarlayın:

    • (Ad)startButtonolarak ayarlayın.
    • Metin'i Testi başlatolarak ayarla.
    • Yazı tipi boyutunu 14 olarak ayarlayın.
    • Otomatik BoyutlandırTrueolarak ayarlayın. Bu, düğmenin metne sığacak şekilde otomatik olarak yeniden boyutlandırıldığına neden olur.
    • TabIndex0olarak ayarlayın. Bu değer, başlangıç düğmesini odağı alacak ilk denetim yapar.
  3. Düğmeyi formun en altına yakın olacak şekilde ortala.

    Dört sorun satırı ve başlangıç düğmesi içeren bir matematik testi gösteren ekran görüntüsü.

  4. Özellikler kutusunda, her bir NumericUpDown denetimi için TabIndex özelliğini ayarlayın:

    • TabIndex değerini toplam denetimi için 1olarak ayarlayın.
    • TabIndex'ini fark denetiminde 2olarak ayarlayın.
    • TabIndex öğesini, ürün denetiminde 3olarak ayarlayın.
    • bölüm denetiminin TabIndex4olarak ayarlayın.

Uygulamanızı çalıştırma

Matematik problemleri testinizde henüz çalışmıyor. Ancak TabIndex değerlerinin beklediğiniz gibi çalışıp çalışmadığını denetlemek için uygulamanızı yine de çalıştırabilirsiniz.

  1. Uygulamanızı kaydetmek için aşağıdaki yöntemlerden birini kullanın:

    • tuşunu seçin Ctrl+Shift+S.
    • Menü çubuğunda Dosya'yı seçin>Tümünü Kaydet.
    • Araç çubuğunda Tümünü Kaydet düğmesini seçin.
  2. Uygulamanızı çalıştırmak için aşağıdaki yöntemlerden birini kullanın:

    • F5 seçin.
    • Menü çubuğunda Hata Ayıklama>Hata Ayıklamaya Başlaöğesini seçin.
    • Araç çubuğunda başlangıç düğmesini seçin.
  3. Odağın bir denetimden diğerine nasıl taşındiğini görmek için Sekme tuşunu birkaç kez seçin.

Sonraki adım

Matematik testinize rastgele matematik sorunları ve olay işleyicisi eklemek için sonraki öğreticiye ilerleyin.