Öğretici: Matematik testi WinForms uygulaması oluşturma

  • Makale

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 IDE'ye Hoş 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. Ücretsiz sürüm için Visual Studio indirmeleri sayfasını ziyaret edin.

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'u seçin.

    Screenshot that shows the Create a new project option in the Visual Studio start window.

  3. Yeni proje oluştur penceresinde Windows Forms'u arayın. Ardından Proje türü listesinden Masaüstü'nü seçin.

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

    Screenshot that shows the Create a new project dialog box. The search box, the Project type list, and two templates are called out.

    Not

    Windows Forms Uygulaması (.NET Framework) şablonunu görmüyorsanız, yeni proje oluştur penceresinden yükleyebilirsiniz. Aradığınızı bulamıyor musunuz? iletisinde Daha fazla araç ve özellik yükle'yi seçin.

    Screenshot that shows the Install more tools and features link from the Not finding what you're looking for message in the Create new project dialog box.

    Ardından Visual Studio Yükleyicisi.NET masaüstü geliştirme'yi seçin.

    Screenshot that shows the dot NET desktop development workload in Visual Studio Installer.

    Visual Studio Yükleyicisi'de Değiştir'i seçin. Çalışmanızı kaydetmeniz istenebilir. Ardından, iş yükünü yüklemek için Devam'ı seçin.

  5. Yeni projenizi yapılandırın penceresinde projenizeMathQuiz adını verin ve oluştur'u seçin.

  1. Visual Studio'yu açın.

  2. Başlangıç penceresinde Yeni proje oluştur'u seçin.

    Screenshot that shows the Create a new project option in the Visual Studio start window.

  3. Yeni proje oluştur penceresinde Windows Forms'u arayın. Ardından Proje türü listesinden Masaüstü'nü seçin.

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

    Screenshot that shows the Create a new project dialog box. The search box, the Project type list, and two templates are called out.

    Not

    Windows Forms Uygulaması (.NET Framework) şablonunu görmüyorsanız, yeni proje oluştur penceresinden yükleyebilirsiniz. Aradığınızı bulamıyor musunuz? iletisinde Daha fazla araç ve özellik yükle'yi seçin.

    Screenshot that shows the Install more tools and features link from the Not finding what you're looking for message in the Create new project dialog box.

    Ardından Visual Studio Yükleyicisi.NET masaüstü geliştirme'yi seçin.

    Screenshot that shows the dot NET desktop development workload in Visual Studio Installer.

    Visual Studio Yükleyicisi'de Değiştir'i seçin. Çalışmanızı kaydetmeniz istenebilir. Ardından, iş yükünü yüklemek için Devam'ı seçin.

  5. Yeni projenizi yapılandırın penceresinde projenizeMathQuiz adını verin ve oluştur'u 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ştireceği gösterilmektedir.

  1. Projenizde Windows Forms Tasarım Aracı'ı seçin. Tasarımcı sekmesi C# için Form1.cs [Tasarım] veya Visual Basic için Form1.vb [Tasarım] olarak etiketlenmiştir.

  2. Formu, Form1'i seçin.

  3. Özellikler penceresi artık formun özelliklerini görüntüler. Bu pencere genellikle Visual Studio'nun sağ alt köşesindedir. Özellikler'i görmüyorsanız Özellikler Penceresini Görüntüle'yi>seçin.

  4. Özellikler penceresinde Text ö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 enter tuşuna 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 ileri geri 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 Boyut değeri olarak doğru boyut görünene kadar 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 beyaz bir karedir. Ayrıca Size ö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üreyi oluşturma kutusu

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 öğreticilerinde geri sayım süreölçeri için kod ekleyeceksiniz.

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

  2. Label Araç Kutusu'nda denetimi seçin ve forma sürükleyin.

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

    • (Ad) değerini timeLabel olarak ayarlayın.
    • Kutuyu yeniden boyutlandırabilmek için Otomatik Boyutlandır'ı False olarak değiştirin.
    • Kutunun çevresine bir çizgi çizmek için BorderStyle'ı FixedSingle olarak değiştirin.
    • Boyutdeğerini 200, 30 olarak ayarlayın.
    • Text özelliğini seçin ve ardından Geri al tuşunu seçerek Metin değerini temizleyin.
    • Yazı Tipi özelliğinin yanındaki artı işaretini (+) seçin ve Boyut'un 15,75 olarak ayarlanmasını sağlayı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ç Kutusu'ndan başka bir Etiket denetimi ekleyin ve yazı tipi boyutunu 15,75 olarak ayarlayın.

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

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

    Screenshot that shows the Time Left label and the remaining time label. The controls are lined up next to each other in the upper-right corner of the form.

Ekleme sorunu 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. Forma Araç Kutusu'ndan bir Etiket denetimi ekleyin.

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

    • Metin değerini ? (soru işareti) olarak ayarlayın.
    • Otomatik Boyutlandırma'yı False olarak ayarlayın.
    • Boyutdeğerini 60, 50 olarak ayarlayın.
    • Yazı tipi boyutunu 18 olarak ayarlayın.
    • TextAlign değerini MiddleCenter olarak ayarlayın.
    • Denetimi forma yerleştirmek için Konum değerini 50, 75 olarak ayarlayın.
    • (Ad) değerini plusLeftLabel olarak ayarlayın.

  3. Formda, oluşturduğunuz plusLeftLabel etiketini seçin. Kopyayı Düzenle veya Ctrl+C'yi> seçerek etiketi kopyalayın.

  4. Yapıştırmayı Düzenle>veya Ctrl+V'yi üç kez seçerek etiketi forma üç kez yapıştırın.

  5. Üç yeni etiketi, plusLeftLabel etiketinin sağında 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 plusRightLabel olarak ayarlayın.

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

  9. Forma Araç Kutusu'ndan bir NumericUpDown denetim ekleyin. Daha sonra bu tür denetimler hakkında daha fazla bilgi edineceksiniz.

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

    • Yazı tipi boyutunu 18 olarak ayarlayın.
    • Genişliği 100 olarak ayarlayın.
    • (Ad) değerini topacak şekilde ayarlayın.

  11. NumericUpDown denetimini toplama sorunu için Etiket denetimleriyle hizalayın.

    Screenshot that shows the first row of the math quiz. Labels are visible, and a control with arrow keys displays a zero.

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

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

  1. Ekleme sorunu için oluşturduğunuz dört Etiket denetimini ve 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 minusLeftLabel olarak ayarlayın.
    • İkinci etiketin - Metni'ni (eksi işareti) olarak ayarlayın.
    • İkinci soru işareti etiketinin (Ad) değerini minusRightLabel olarak ayarlayın.
    • NumericUpDown denetiminin (Ad) değerini farklı olarak 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) değerini timesLeftLabel olarak ayarlayın.
    • İkinci etiketin Metni'ni × (çarpma işareti) olarak ayarlayın. Bu öğreticideki çarpma işaretini kopyalayıp forma yapıştırabilirsiniz.
    • İkinci soru işareti etiketinin (Ad) değerini timesRightLabel olarak ayarlayın.
    • NumericUpDown denetiminin (Ad) değerini ürün olarak ayarlayın.

  6. Dördüncü satır için:

    • İlk soru işareti etiketinin (Ad) değerini dividedLeftLabel olarak ayarlayın.
    • İkinci etiketin Metni'ni ÷ (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) değerini dividedRightLabel olarak ayarlayın.
    • NumericUpDown denetiminin (Ad) değerini bölüm olarak ayarlayın.

Screenshot that shows a math quiz with four rows of problems. Labels and controls with arrow keys are visible.

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 belirteceksiniz. Bu sıralama, sekme tuşunu kullanarak test oluşturucunun bir denetimden diğerine nasıl taşındığını belirler.

  1. Forma Araç Kutusu'ndan bir Button denetim ekleyin.

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

    • (Ad) öğesini startButton olarak ayarlayın.
    • Testi başlatmak için Metin'iayarlayın.
    • Yazı tipi boyutunu 14 olarak ayarlayın.
    • Otomatik Boyutlandır'ı True olarak ayarlayın; bu, düğmenin metne sığacak şekilde otomatik olarak yeniden boyutlandırmasına neden olur.
    • TabIndex değerini 0 olarak ayarlayın. Bu değer, başlangıç düğmesini odağı alacak ilk denetim yapar.

  3. Düğmeyi formun alt kısmına yakın bir şekilde ortalar.

    Screenshot that shows a math quiz with four rows of problems and a start button.

  4. Özellikler kutusunda, her NumericUpDown denetiminin TabIndex özelliğini ayarlayın:

    • NumericUpDown toplam denetiminin TabIndex değerini 1 olarak ayarlayın.
    • NumericUpDown denetimi farkının TabIndex değerini 2 olarak ayarlayın.
    • NumericUpDown ürününün TabIndex değerini 3 olarak ayarlayın.
    • NumericUpDown denetiminin TabIndex değerini 4 olarak ayarlayın.

Uygulamanızı çalıştırma

Matematik sorunları 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:

    • Ctrl+Shift S'yi+ seçin.
    • Menü çubuğunda Dosya>Tümünü Kaydet'i seçin.
    • 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'i seçin.
    • Menü çubuğunda Hata AyıklamaYı>Başlat Hata Ayıklama'yı 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ımlar

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

Öğretici bölüm 2: Matematik testi WinForms uygulamasına matematik sorunları ekleme