Kullanıcı Arayüzleri Tasarlama

Bir sonraki derse hoş geldiniz! Bu derste, Tasarımcıyı ve temel yerleşim denetimlerini kullanarak Windows Forms'ta kullanıcı arayüzleri tasarlamayı öğreneceksiniz. Başlayalım!

Uygulamalarda Kullanıcı Arayüzünün Rolü

Kullanıcı arayüzü, kullanıcılar ile uygulamanız arasındaki köprüdür. İyi tasarlanmış bir kullanıcı arayüzü sezgisel, duyarlı ve görsel açıdan çekicidir.

Önemli Nokta: Windows Forms'ta kullanıcı arayüzlerini Tasarımcıyı kullanarak görsel olarak veya kod yazarak oluşturabilirsiniz.

Windows Forms Tasarımcısını Kullanma

Visual Studio'daki Windows Forms Tasarımcısı, denetimleri Araç Kutusu'ndan forma sürükleyip bırakarak kullanıcı arayüzlerini görsel olarak oluşturmanıza olanak tanır.

Adımlar:

1. Visual Studio'da Araç Kutusu'nu açın.
2. Düğmeler, metin kutuları ve etiketler gibi denetimleri formunuza sürükleyip bırakın.
3. Fareyi kullanarak boyutlarını ve konumlarını ayarlayın.

İpucu: Metin, yazı tipi ve renkler gibi denetim özelliklerini özelleştirmek için Özellikler penceresini kullanın.

Yaygın Olarak Kullanılan Denetimler

Yaygın olarak kullanılan bazı Windows Forms denetimleri şunlardır:

• Etiket: Formda metin görüntüler.
• Button: Tıklandığında eylemleri tetikler.
• TextBox: Kullanıcıların metin girmesine olanak tanır.
• ComboBox: Öğelerden oluşan bir açılır liste görüntüler.
• CheckBox: Kullanıcıların bir seçeneği belirlemesine veya seçimini kaldırmasına olanak tanır.

İpucu: Kullanıcı dostu arayüzler oluşturmak için bu denetimleri bir arada kullanın.

Denetimleri Hizalama ve Gruplama

Özenli bir görünüm elde etmek için denetimleri hizalamak ve gruplamak üzere yerleşim araçlarını kullanın. Örnek:

• Hizalama Kılavuzları: Denetimleri sürüklerken otomatik olarak hizalar.
• GroupBox: İlişkili denetimleri birlikte gruplar.
• Panel: Denetimler için bir kapsayıcı oluşturur ve yerleşimleri düzenlemek için kullanışlıdır.

İpucu: Düzenli bir kullanıcı arayüzü için tutarlı aralıklar ve hizalama kullanın.

Olay İşleyicileri Ekleme

Olay işleyicileri kullanıcı arayüzünüzü etkileşimli hâle getirir. Örneğin, tıklandığında bir eylem gerçekleştirmesi için bir düğmeye Click olayı ekleyebilirsiniz.

Adımlar:

1. Tasarımcıda bir denetim seçin.
2. Özellikler penceresine gidin ve Olaylar sekmesine tıklayın (şimşek simgesi).
3. Kodunuzda bir olay işleyicisi oluşturmak için Click gibi bir olaya çift tıklayın.

İpucu: Olay işleyicisi yöntemleri için SubmitButton_Click gibi anlamlı adlar kullanın.

Uygulama Alıştırması

Aşağıdaki öğeleri içeren basit bir kullanıcı arayüzü tasarlayın:

• "Adınızı girin:" metnini içeren bir etiket
• Kullanıcının adını girebileceği bir metin kutusu
• Tıklandığında girilen adı bir ileti kutusunda görüntüleyen bir düğme

Örnek:

using System;
using System.Windows.Forms;

class Program : Form {
    TextBox nameTextBox;

    static void Main() {
        Application.Run(new Program());
    }

    public Program() {
        Text = "User Interface Practice";

        Label label = new Label() {
            Text = "Enter your name:",
            Left = 20,
            Top = 20
        };
        Controls.Add(label);

        nameTextBox = new TextBox() {
            Left = 20,
            Top = 50,
            Width = 200
        };
        Controls.Add(nameTextBox);

        Button button = new Button() {
            Text = "Submit",
            Left = 20,
            Top = 90
        };
        button.Click += Button_Click;
        Controls.Add(button);
    }

    private void Button_Click(object sender, EventArgs e) {
        MessageBox.Show("Hello, " + nameTextBox.Text + "!");
    }
}

Kullanıcı Arayüzü Tasarımı İçin En İyi Uygulamalar

İşte bazı en iyi uygulamalar:

• Yerleşimi basit ve sezgisel tutun.
• Tutarlı yazı tipleri, renkler ve aralıklar kullanın.
• Denetimlerin kolayca erişilebilir olmasını ve açıkça etiketlenmesini sağlayın.
• Kullanıcı arayüzünüzü farklı ekran çözünürlüklerinde sınayın.

İpucu: Uygulamanızın kullanımını kolaylaştırmak için kullanıcı deneyimine odaklanın.

Harika İş Çıkardınız!

Tebrikler! Windows Forms kullanarak kullanıcı arayüzleri tasarlamayı öğrendiniz. Bir sonraki derste uygulamalarınızı etkileşimli hâle getirmek için formlardaki olayları yönetmeyi inceleyeceğiz. Kod yazmaya devam edelim!