C# Windows Forms Ontwikkeling: Een Hands-On Tutorial

Na het meesteren van console-applicaties is de volgende logische stap het creëren van rijke desktop-ervaringen met Visual Studio's Windows Forms. Deze gids leidt je door elke fase – van projectsetup tot het toevoegen van controls, events bedraden, en zelfs geavanceerde componenten zoals TreeView en PictureBox incorporeren.

Windows Forms Basis

Een Windows Forms-applicatie draait natively op een desktopmachine. Het bestaat uit een visuele layout en een set controls (labels, tekstboxen, lijstboxen, etc.) waarmee de gebruiker interacteert.

Hieronder is een eenvoudig loginformulier gemaakt in C#:

Belangrijke elementen in het voorbeeld:

1. Label-controls die aangrenzende tekstboxen beschrijven.
2. Tekstboxen voor gebruikersnaam- en wachtwoordinvoer.
3. Een knop die authenticatielogica triggert.

C# Hello World

Laten we een basis "Hello World" Windows Form maken om de Visual Studio workflow te begrijpen.

1. Open Visual Studio en selecteer Bestand > Nieuw > Project.

   

2. Kies de Windows-categorie en selecteer Windows Forms App (.NET Framework). Noem het project DemoApplication en klik op OK.

   

3. De Solution Explorer toont twee bestanden:
   • Form1.cs – het visuele formulier.
   • Program.cs – applicatie entry-point.
4. Voeg een Label toe vanuit de Toolbox, sleep het op het formulier, en stel de Text-property in op Hello World.

   

5. Draai de applicatie – het formulier toont "Hello World".

   

Controls Toevoegen aan een Formulier

Hieronder is een stapsgewijze gids om een gebruikersinformatie-formulier samen te stellen dat naam, adres, stad, geslacht en cursusvoorkeuren vastlegt.

GroupBox – Logische Secties

Sleep een GroupBox op het formulier en hernoem de Text-property naar Gebruikersdetails.

Label

Plaats twee labels binnen de GroupBox: "Naam" en "Adres".

TextBox

Voeg twee tekstboxen toe, noem ze txtName en txtAddress.

ListBox – Stadselectie

Voeg een ListBox in genaamd lstCity en vul het met "Mumbai", "Bangalore" en "Hyderabad".

RadioButton – Geslacht

Plaats twee RadioButton controls: rdMale (Tekst: Man) en rdFemale (Tekst: Vrouw).

CheckBox – Cursusvoorkeur

Voeg twee CheckBox controls toe: chkC (Tekst: C#) en chkASP (Tekst: ASP.NET).

Button – Submit

Sleep een Button genaamd btnSubmit met Text ingesteld op "Versturen".

Eventafhandeling voor Controls

Events vuren als reactie op gebruikersacties. Hieronder zijn twee veelvoorkomende scenario's.

ListBox Selectie Gewijzigd

Dubbelklik op de lstCity-control om een eventhandler te genereren. Voeg de volgende code toe:

private void lstCity_SelectedIndexChanged(object sender, EventArgs e) {
    var selected = lstCity.SelectedItem?.ToString();
    if (!string.IsNullOrEmpty(selected))
        MessageBox.Show($"Je hebt geselecteerd: {selected}");
}

Het draaien van de app toont een messagebox telkens wanneer een stad gekozen wordt.

Button Click – Submit

Dubbelklik op btnSubmit om de handler te maken en voeg in:

private void btnSubmit_Click(object sender, EventArgs e) {
    var name = txtName.Text;
    var address = txtAddress.Text;
    MessageBox.Show($"Naam: {name}\nAdres: {address}");
}

Wanneer je op "Versturen" klikt, worden de ingevoerde details getoond.

TreeView en PictureBox Controls

TreeView – Hiërarchische Data

Sleep een TreeView op het formulier. Gebruik de Nodes-property om een root-node toe te voegen gelabeld "Root", voeg daarna child-nodes "Label", "Button" en "CheckBox" toe.

PictureBox – Afbeeldingen Tonen

Voeg een PictureBox in, stel de SizeMode in op Zoom, en wijs een afbeelding toe via de Image-property.

Samenvatting

• Windows Forms maakt desktop-applicaties mogelijk die direct op de machine van de gebruiker draaien.
• Controls zoals labels, tekstboxen, lijstboxen, radiobuttons en checkboxes worden toegevoegd vanuit de Toolbox.
• Geavanceerde componenten zoals TreeView en PictureBox breiden UI-mogelijkheden uit.
• Eventhandlers reageren op gebruikersinteracties, met button-clicks en lijstselecties als meest voorkomende.