C# Windows Forms-toepassingshandleiding met voorbeeld

Tot nu toe hebben we gezien hoe we met C# kunnen werken om consolegebaseerde applicaties te maken. Maar in een echt scenario gebruikt een team normaal gesproken Visual Studio en C# om Windows Forms of webgebaseerde applicaties te maken.

Een Windows Form-applicatie is een applicatie die is ontworpen om op een computer te draaien. Het werkt niet in de webbrowser, omdat het dan een webtoepassing wordt.

Deze zelfstudie zal zich richten op hoe we op Windows gebaseerde applicaties kunnen maken. We zullen ook enkele basisprincipes leren over het werken met de verschillende elementen van de C# Windows-toepassing.

In deze Windows-tutorial leer je-

• Basisbeginselen van Windows Forms
• Hallo wereld in Windows Formulieren
• Besturingselementen toevoegen aan een formulier
• Afhandeling van gebeurtenissen voor controles
• Boom- en PictureBox-besturing

Basisbeginselen van Windows Forms

Een Windows Forms-applicatie is er een die op de desktopcomputer draait. Een Windows-formuliertoepassing heeft normaal gesproken een verzameling besturingselementen zoals labels, tekstvakken, keuzelijsten, enz.

Hieronder ziet u een voorbeeld van een eenvoudige Windows-formuliertoepassing C#. Het toont een eenvoudig inlogscherm, dat toegankelijk is voor de gebruiker. De gebruiker voert de vereiste inloggegevens in en klikt vervolgens op de knop Aanmelden om door te gaan.

Dus een voorbeeld van de bedieningselementen die beschikbaar zijn in de bovenstaande applicatie

1. Dit is een verzameling labelbesturingselementen die normaal worden gebruikt om aangrenzende besturingselementen te beschrijven. Dus in ons geval hebben we 2 tekstvakken en de labels worden gebruikt om de gebruiker te vertellen dat het ene tekstvak is voor het invoeren van de gebruikersnaam en het andere voor het wachtwoord.
2. De 2 tekstvakken worden gebruikt om de gebruikersnaam en het wachtwoord te bewaren die door de gebruiker zullen worden ingevoerd.
3. Eindelijk hebben we de knopbediening. Aan de knopbediening is normaal gesproken een code gekoppeld om een ​​bepaalde reeks acties uit te voeren. In het bovenstaande geval kunnen we bijvoorbeeld de knop een actie laten uitvoeren om de gebruikersnaam en het wachtwoord te valideren die door de gebruiker zijn ingevoerd.

C# Hallo Wereld

Laten we nu eens kijken naar een voorbeeld van hoe we een eenvoudige 'hallo wereld'-toepassing in Visual Studio kunnen implementeren. Hiervoor moeten we de onderstaande stappen implementeren

Stap 1) De eerste stap omvat het maken van een nieuw project in Visual Studio. Na het starten van Visual Studio moet u de menuoptie Nieuw->Project kiezen.

Stap 2) De volgende stap is om het projecttype te kiezen als een Windows Forms-toepassing. Hier moeten we ook de naam en locatie van ons project vermelden.

1. In het projectdialoogvenster kunnen we verschillende opties zien voor het maken van verschillende soorten projecten in Visual Studio. Klik op de Windows-optie aan de linkerkant.
2. Als we in de vorige stap op de Windows-opties klikken, zien we een optie voor Windows Forms Application. Klik op deze optie.
3. We zullen een naam voor de toepassing geven. In ons geval is dit DemoApplication. We zullen ook een locatie bieden om onze applicatie op te slaan.
4. Ten slotte klikken we op de knop 'OK' om Visual Studio ons project te laten maken.

Als de bovenstaande stappen worden gevolgd, krijgt u de onderstaande uitvoer in Visual Studio.

Uitvoer:-

U ziet een formulierontwerper weergegeven in Visual Studio. In deze Form Designer begint u met het bouwen van uw Windows Forms-toepassing.

In de Solution Explorer kunt u ook de DemoApplication-oplossing zien. Deze oplossing bevat de onderstaande 2 projectbestanden

1. Een formuliertoepassing genaamd Forms1.cs. Dit bestand bevat alle code voor de Windows Form-toepassing.
2. Het hoofdprogramma met de naam Program.cs is het standaardcodebestand dat wordt gemaakt wanneer een nieuwe toepassing wordt gemaakt in Visual Studio. Deze code bevat de opstartcode voor de applicatie als geheel.

Aan de linkerkant van Visual Studio ziet u ook een ToolBox. De toolbox bevat alle besturingselementen die kunnen worden toegevoegd aan een Windows Forms. Besturingselementen zoals een tekstvak of een label zijn slechts enkele van de besturingselementen die aan een Windows Forms kunnen worden toegevoegd.

Hieronder ziet u een screenshot van hoe de Toolbox eruit ziet.

Stap 3) In deze stap voegen we nu een label toe aan het formulier waarop 'Hallo wereld' wordt weergegeven. Vanuit de toolbox moet je het Label-besturingselement kiezen en het gewoon naar het formulier slepen.

Zodra u het label naar het formulier sleept, ziet u het label ingesloten in het formulier, zoals hieronder weergegeven.

Stap 4) De volgende stap is om naar de eigenschappen van het besturingselement te gaan en de tekst te wijzigen in 'Hallo wereld'.

Om naar de eigenschappen van een besturingselement te gaan, moet u met de rechtermuisknop op het besturingselement klikken en de menuoptie Eigenschappen kiezen

• Het eigenschappenvenster verschijnt ook in Visual Studio. Dus voor het labelbesturingselement, in het eigenschappenbesturingselement, ga naar het gedeelte Tekst en voer "Hallo wereld" in.
• Elk besturingselement heeft een set eigenschappen die het besturingselement beschrijven.

Als u alle bovenstaande stappen volgt en uw programma uitvoert in Visual Studio, krijgt u de volgende uitvoer

Uitvoer:-

In de uitvoer kunt u zien dat het Windows-formulier wordt weergegeven. U kunt ook zien dat 'Hallo wereld' op het formulier wordt weergegeven.

Besturingselementen toevoegen aan een formulier

We hadden al gezien hoe we een besturingselement aan een formulier konden toevoegen toen we het labelbesturingselement in het eerdere gedeelte toevoegden om 'Hallo wereld' weer te geven.

Laten we eens kijken naar de andere besturingselementen die beschikbaar zijn voor Windows-formulieren en enkele van hun algemene eigenschappen bekijken.

In onze Windows-formuliertoepassing in C#-voorbeelden zullen we één formulier maken met de volgende functionaliteit.

1. De mogelijkheid voor de gebruiker om naam en adres in te voeren.
2. Een optie om de stad te kiezen waarin de gebruiker woont
3. De mogelijkheid voor de gebruiker om een ​​optie voor het geslacht in te voeren.
4. Een optie om een ​​cursus te kiezen die de gebruiker wil leren. Er zullen keuzes gemaakt worden voor zowel C# als ASP.Net

Laten we dus elk besturingselement in detail bekijken en ze toevoegen om het formulier te bouwen met de bovengenoemde functionaliteit.

Groepsbox

Een groepsvak wordt gebruikt voor het logisch groeperen van besturingselementen in een sectie. Laten we een voorbeeld nemen als u een verzameling besturingselementen had voor het invoeren van details zoals naam en adres van een persoon. Idealiter zijn dit gegevens van een persoon, dus u zou deze gegevens in een apart gedeelte op het formulier willen hebben. Hiervoor kunt u een groepsbox hebben. Laten we eens kijken hoe we dit kunnen implementeren met een voorbeeld hieronder

Stap 1) De eerste stap is om het Groupbox-besturingselement vanuit de toolbox naar het Windows-formulier te slepen, zoals hieronder weergegeven

Stap 2) Nadat de groupbox is toegevoegd, gaat u naar het eigenschappenvenster door op het groupbox-besturingselement te klikken. Ga in het eigenschappenvenster naar de eigenschap Tekst en wijzig deze in "Gebruikersdetails".

Nadat u de bovenstaande wijzigingen heeft aangebracht, ziet u de volgende uitvoer

Uitvoer:-

In de output kun je duidelijk zien dat de Groupbox aan het formulier is toegevoegd. U kunt ook zien dat de tekst van de groepsbox is gewijzigd in "Gebruikersgegevens".

Labelbeheer

Vervolgens komt de labelcontrole. Het labelbesturingselement wordt gebruikt om een ​​tekst of een bericht aan de gebruiker op het formulier weer te geven. De labelbesturing wordt normaal samen met andere besturingselementen gebruikt. Veelvoorkomende voorbeelden zijn waarin een label wordt toegevoegd samen met het tekstvak-besturingselement.

Het label geeft de gebruiker aan wat er in het tekstvak naar verwachting zal worden gevuld. Laten we eens kijken hoe we dit kunnen implementeren met een voorbeeld hieronder. We zullen 2 labels toevoegen, een met de naam 'naam' en de andere met de naam 'adres'. Ze zullen worden gebruikt in combinatie met de tekstvakbedieningen die in het latere gedeelte zullen worden toegevoegd.

Stap 1) De eerste stap is om het labelbesturingselement vanuit de toolbox naar het Windows-formulier te slepen, zoals hieronder wordt weergegeven. Zorg ervoor dat u het labelbesturingselement 2 keer sleept, zodat u de ene voor de 'naam' en de andere voor het 'adres' kunt hebben.

Stap 2) Nadat het label is toegevoegd, gaat u naar het eigenschappenvenster door op het labelbesturingselement te klikken. Ga in het eigenschappenvenster naar de eigenschap Tekst van elk labelbesturingselement.

Nadat u de bovenstaande wijzigingen heeft aangebracht, ziet u de volgende uitvoer

Uitvoer:-

U kunt de labelbesturingselementen zien die aan het formulier zijn toegevoegd.

Tekstvak

Een tekstvak wordt gebruikt om een ​​gebruiker in staat te stellen wat tekst in de Windows-toepassing in C# in te voeren. Laten we eens kijken hoe we dit kunnen implementeren met een voorbeeld hieronder. We zullen 2 tekstvakken aan het formulier toevoegen, een voor de naam en de andere voor het adres dat moet worden ingevoerd voor de gebruiker

Stap 1) De eerste stap is om het tekstvakbesturingselement vanuit de toolbox naar het Windows-formulier te slepen, zoals hieronder weergegeven

Stap 2) Nadat de tekstvakken zijn toegevoegd, gaat u naar het eigenschappenvenster door op het tekstvakbesturingselement te klikken. Ga in het eigenschappenvenster naar de eigenschap Naam en voeg een betekenisvolle naam toe aan elk tekstvak. Noem bijvoorbeeld het tekstvak voor de gebruiker txtName en dat voor het adres txtAddress. Er moet een naamgevingsconventie en standaard worden gemaakt voor bedieningselementen omdat het gemakkelijker wordt om extra functionaliteit aan deze bedieningselementen toe te voegen, wat we later zullen zien.

Nadat u de bovenstaande wijzigingen heeft aangebracht, ziet u de volgende uitvoer

Uitvoer:-

In de uitvoer kun je duidelijk zien dat de tekstvakken aan het formulier zijn toegevoegd.

Lijstvenster

Een Listbox wordt gebruikt om een ​​lijst met items op het Windows-formulier weer te geven. Laten we eens kijken hoe we dit kunnen implementeren met een voorbeeld hieronder. We zullen een keuzelijst aan het formulier toevoegen om enkele stadslocaties op te slaan.

Stap 1) De eerste stap is om het besturingselement van de keuzelijst naar het Windows-formulier te slepen vanuit de toolbox, zoals hieronder weergegeven

Stap 2) Zodra de keuzelijst is toegevoegd, gaat u naar het eigenschappenvenster door op de keuzelijstbesturing te klikken.

1. Verander eerst de eigenschap van de Listbox box control, in ons geval hebben we dit veranderd in lstCity
2. Klik op de eigenschap Items. Hiermee kunt u verschillende items toevoegen die in de keuzelijst kunnen worden weergegeven. In ons geval hebben we items "collectie" geselecteerd.
3. Voer in de String Collection Editor, die verschijnt, de plaatsnamen in. In ons geval hebben we "Mumbai", "Bangalore" en "Hyderabad" ingevoerd.
4. Klik ten slotte op de knop 'OK'.

Nadat u de bovenstaande wijzigingen heeft aangebracht, ziet u de volgende uitvoer

Uitvoer:-

In de uitvoer kunt u zien dat de Listbox aan het formulier is toegevoegd. U kunt ook zien dat de keuzelijst is gevuld met de stadswaarden.

RadioKnop

Een keuzerondje wordt gebruikt om een ​​lijst met items weer te geven waaruit de gebruiker er een kan kiezen. Laten we eens kijken hoe we dit kunnen implementeren met een voorbeeld hieronder. We zullen een keuzerondje toevoegen voor een mannelijke/vrouwelijke optie.

Stap 1) De eerste stap is om het 'radiobutton'-besturingselement naar het Windows-formulier te slepen vanuit de toolbox, zoals hieronder weergegeven.

Stap 2) Zodra het keuzerondje is toegevoegd, gaat u naar het eigenschappenvenster door op het keuzerondje te klikken.

1. Eerst moet u de teksteigenschap van beide radiobesturingen wijzigen. Ga naar het eigenschappenvenster en verander de tekst in een mannetje van het ene keuzerondje en de tekst van het andere in vrouwelijk.
2. Verander op dezelfde manier de eigenschap name van beide radiobesturingen. Ga naar het eigenschappenvenster en verander de naam in 'rdMale' van het ene keuzerondje en in 'rdfemale' voor het andere.

Als u de bovenstaande wijzigingen aanbrengt, ziet u de volgende uitvoer

Uitvoer:-

U ziet de keuzerondjes toegevoegd aan het Windows-formulier.

Checkbox

Een selectievakje wordt gebruikt om een ​​lijst met opties te bieden waarin de gebruiker meerdere keuzes kan kiezen. Laten we eens kijken hoe we dit kunnen implementeren met een voorbeeld hieronder. We zullen 2 selectievakjes toevoegen aan onze Windows-formulieren. Deze selectievakjes bieden de gebruiker een optie of ze C# of ASP.Net willen leren.

Stap 1) De eerste stap is om het selectievakje te slepen naar het Windows-formulier vanuit de toolbox, zoals hieronder weergegeven

Stap 2) Zodra het selectievakje is toegevoegd, gaat u naar het eigenschappenvenster door op het selectievakje Selectievakje te klikken.

In het eigenschappenvenster,

1. Eerst moet u de teksteigenschap van beide selectievakjes wijzigen. Ga naar het eigenschappenvenster en verander de tekst in C# en ASP.Net.
2. Verander op dezelfde manier de eigenschap name van beide radiobesturingen. Ga naar het eigenschappenvenster en verander de naam in chkC van het ene selectievakje en in chkASP voor het andere.

Nadat u de bovenstaande wijzigingen heeft aangebracht, ziet u de volgende uitvoer

Uitvoer:-

Knop

Een knop wordt gebruikt om de gebruiker in staat te stellen op een knop te klikken die vervolgens de verwerking van het formulier zou starten. Laten we eens kijken hoe we dit kunnen implementeren met een voorbeeld hieronder. We voegen een eenvoudige knop toe met de naam 'Verzenden' die zal worden gebruikt om alle informatie op het formulier in te dienen.

Stap 1) De eerste stap is om het knopbesturingselement vanuit de toolbox naar het Windows-formulier te slepen, zoals hieronder weergegeven

Stap 2) Zodra de knop is toegevoegd, gaat u naar het eigenschappenvenster door op de knop te klikken.

1. Eerst moet u de teksteigenschap van het knopbesturingselement wijzigen. Ga naar het eigenschappenvenster en verander de tekst in 'submit'.
2. Verander op dezelfde manier de eigenschap name van het besturingselement. Ga naar het eigenschappenvenster en verander de naam in 'btnSubmit'.

Nadat u de bovenstaande wijzigingen heeft aangebracht, ziet u de volgende uitvoer

Uitvoer:-

Gefeliciteerd, je hebt nu je eerste standaard Windows-formulier op zijn plaats. Laten we nu naar het volgende onderwerp gaan om te zien hoe we gebeurtenisafhandeling voor controles kunnen doen.

C#-gebeurtenisafhandeling voor besturingselementen

Wanneer u met Windows Form werkt, kunt u gebeurtenissen aan besturingselementen toevoegen. Een gebeurtenis is iets dat gebeurt wanneer een actie wordt uitgevoerd. Waarschijnlijk de meest voorkomende actie is het klikken op een knop op een formulier. In C# Windows Forms kun je code toevoegen die kan worden gebruikt om bepaalde acties uit te voeren wanneer er op een knop op het formulier wordt gedrukt.

Wanneer er op een formulier op een knop wordt gedrukt, betekent dit normaal gesproken dat er enige verwerking moet plaatsvinden.

Laten we eens kijken naar een van de gebeurtenissen en hoe deze kunnen worden afgehandeld voordat we naar het scenario met de knopgebeurtenis gaan.

Het onderstaande voorbeeld toont een gebeurtenis voor het Listbox-besturingselement. Dus telkens wanneer een item is geselecteerd in het keuzelijstbesturingselement, zou er een berichtvenster moeten verschijnen waarin het geselecteerde item wordt weergegeven. Laten we de volgende stappen uitvoeren om dit te bereiken.

Stap 1) Dubbelklik op de Listbox in de formulierontwerper. Door dit te doen, opent Visual Studio automatisch het codebestand voor het formulier. En het voegt automatisch een gebeurtenismethode toe aan de code. Deze gebeurtenismethode wordt geactiveerd wanneer een item in de keuzelijst wordt geselecteerd.

Hierboven staat het codefragment dat automatisch wordt toegevoegd door Visual Studio, wanneer u dubbelklikt op het keuzelijstbesturingselement op het formulier. Laten we nu het onderstaande codegedeelte aan dit codefragment toevoegen om de vereiste functionaliteit toe te voegen aan de listbox-gebeurtenis.

1. Dit is de methode voor het afhandelen van gebeurtenissen die automatisch wordt gemaakt door Visual Studio wanneer u dubbelklikt op het besturingselement Keuzelijst. U hoeft zich geen zorgen te maken over de complexiteit van de naam van de methode of de parameters die aan de methode zijn doorgegeven.
2. Hier krijgen we het SelectedItem via de eigenschap lstCity.SelectedItem. Onthoud dat lstCity de naam is van ons Listbox-besturingselement. Vervolgens gebruiken we de GetItemText-methode om de werkelijke waarde van het geselecteerde item te krijgen. We kennen deze waarde dan toe aan de tekstvariabele.
3. Ten slotte gebruiken we de MessageBox-methode om de waarde van de tekstvariabele aan de gebruiker weer te geven.

Als u de bovenstaande wijzigingen aanbrengt en het programma in Visual Studio uitvoert, ziet u de volgende uitvoer

Uitvoer:-

Aan de uitvoer kunt u zien dat wanneer een item uit de keuzelijst wordt geselecteerd, er een berichtvenster verschijnt. Dit zal het geselecteerde item uit de keuzelijst tonen.

Laten we nu eens kijken naar het laatste besturingselement, namelijk de knop Klikmethode. Wederom volgt dit dezelfde filosofie. Dubbelklik gewoon op de knop in de Forms Designer en het zal automatisch de methode voor de knopgebeurtenishandler toevoegen. Dan hoef je alleen maar de onderstaande code toe te voegen.

1. Dit is de methode voor het afhandelen van gebeurtenissen die automatisch wordt gemaakt door Visual Studio wanneer u dubbelklikt op de knopbesturing. U hoeft zich geen zorgen te maken over de complexiteit van de naam van de methode of de parameters die aan de methode zijn doorgegeven.
2. Hier krijgen we waarden ingevoerd in het tekstvak naam en adres. De waarden kunnen uit de teksteigenschap van het tekstvak worden gehaald. Vervolgens wijzen we de waarden toe aan 2 variabelen, naam en adres dienovereenkomstig.
3. Ten slotte gebruiken we de MessageBox-methode om de naam en adreswaarden aan de gebruiker weer te geven.

Als u de bovenstaande wijzigingen aanbrengt en het programma in Visual Studio uitvoert, ziet u de volgende uitvoer

Uitvoer:-

1. Voer eerst een waarde in het naam- en adresveld in.
2. Klik vervolgens op de knop Verzenden

Zodra u op de knop Verzenden klikt, verschijnt er een berichtvenster en wordt correct weergegeven wat u hebt ingevoerd in het gedeelte met gebruikersgegevens.

Boom- en PictureBox-besturing

Er zijn nog 2 bedieningselementen waar we naar kunnen kijken, de ene is de 'Boombesturing' en de andere is de 'Beeldbesturing'. Laten we eens kijken naar voorbeelden van hoe we deze controles kunnen implementeren

Boombeheersing

- De boomstructuur wordt gebruikt om items op een boomachtige manier weer te geven. Waarschijnlijk het beste voorbeeld is wanneer we de Windows Verkenner zelf zien. De mappenstructuur in Windows Verkenner is als een boomstructuur.

Laten we eens kijken hoe we dit kunnen implementeren met een voorbeeld hieronder.

Stap 1) De eerste stap is om het Tree-besturingselement naar het Windows-formulier te slepen vanuit de toolbox, zoals hieronder weergegeven

Stap 2) De volgende stap is om te beginnen met het toevoegen van knooppunten aan de boomcollectie, zodat deze overeenkomstig in de boom kan verschijnen. Laten we eerst de onderstaande substappen volgen om een ​​hoofdknooppunt aan de boomverzameling toe te voegen.

1. Ga naar de eigenschappen-toolbox voor de boomstructuurweergave. Klik op de eigenschap van de Node. Hierdoor wordt de TreeNode-editor weergegeven
2. Klik in de TreeNode Editor op de knop Root toevoegen om een ​​rootknooppunt aan de boomverzameling toe te voegen.
3. Verander vervolgens de tekst van het Root-knooppunt en geef de tekst op als Root en klik op de knop 'OK'. Dit zal Root node toevoegen.

Stap 3) De volgende stap is om te beginnen met het toevoegen van de onderliggende knooppunten aan de boomverzameling. Laten we de onderstaande substappen volgen om onderliggende wortelknooppunten toe te voegen aan de boomverzameling.

1. Klik eerst op de knop Kind toevoegen. Hiermee kunt u onderliggende knooppunten toevoegen aan de Tree-collectie.
2. Wijzig voor elke onderliggende node de eigenschap text. Blijf de vorige stap en deze stap herhalen en voeg 2 extra knooppunten toe. Uiteindelijk heb je 3 knooppunten zoals hierboven weergegeven, met de tekst respectievelijk Label, Button en Checkbox.
3. Klik op de OK-knop

Nadat u de bovenstaande wijzigingen heeft aangebracht, ziet u de volgende uitvoer.

Uitvoer:-

U kunt zien dat de boomstructuur aan het formulier is toegevoegd. Wanneer u de Windows-formuliertoepassing uitvoert, kunt u het hoofdknooppunt uitvouwen en de onderliggende knooppunten in de lijst zien.

PictureBox-besturing

Dit besturingselement wordt gebruikt om afbeeldingen toe te voegen aan de Winforms C#. Laten we eens kijken hoe we dit kunnen implementeren met een voorbeeld hieronder.

Stap 1) De eerste stap is om het PictureBox-besturingselement naar het C# Windows-formulier te slepen vanuit de toolbox, zoals hieronder weergegeven

Stap 2) De volgende stap is om daadwerkelijk een afbeelding toe te voegen aan het besturingselement Picture Box. Dit kan worden gedaan door de onderstaande stappen te volgen.

1. Klik eerst op de eigenschap Image voor het PictureBox-besturingselement. Er verschijnt een nieuw venster.
2. Klik in dit venster op de knop Importeren. Dit wordt gebruikt om een ​​afbeelding aan de picturebox-besturing toe te voegen.
3. Er verschijnt een dialoogvenster waarin u de afbeelding kunt kiezen om de afbeeldingsdoos bij te voegen
4. Klik op de OK-knop

Als u de bovenstaande wijzigingen aanbrengt, ziet u de volgende uitvoer

Uitvoer:-

Aan de uitvoer kunt u zien dat er een afbeelding op het formulier wordt weergegeven.

Samenvatting

• Een Windows-formulier in de C#-toepassing is een formulier dat op het bureaublad van een computer wordt uitgevoerd. Visual Studio Form kan samen met C# worden gebruikt om een ​​Windows Forms-toepassing te maken.
• Controls kunnen worden toegevoegd aan de Windows-formulieren C# via de Toolbox in Visual Studio. Bedieningselementen zoals labels, selectievakjes, keuzerondjes, enz. kunnen via de toolbox aan het formulier worden toegevoegd.
• Je kunt ook geavanceerde besturingselementen gebruiken, zoals de structuurweergave en de PictureBox-besturing.
• Event-handlers worden gebruikt om te reageren op gebeurtenissen die zijn gegenereerd door besturingselementen. De meest voorkomende is degene die is toegevoegd voor de gebeurtenis waarop op de knop is geklikt.