VB Net Deel 1: Kennismaking met Visual Studio Express

Visual Basic wordt door veel professionele programmeurs niet aanvaard als programmeertaal. Nochtans is deze taal er enorm op vooruit gegaan sinds de laatste verandering (2005). Ze is heel wat toegankelijker geworden, doordat MicrosoftVisual Studio.Net Express Edition gratis te downloaden geeft op hun website! Iedereen kan dus aan de slag in deze programmeertaal zonder eerst zichzelf blauw te betalen aan een degelijke programmeeromgeving.

Eerst en vooral ga ik jullie de basis van Visual Studio.Net Express aanleren! Voor we hieraan beginnen moeten we vanzelfsprekend dit programma eerst downloaden! Dat doet u door op onderstaande link te klikken:
Download Visual Studio Express hier! (Opgelet! ±400 MB)

Installeren

Zorg ervoor dat je bij het kiezen van de onderdelen SQL Server 2005 Express en de MSDN Express Library ook selecteert! Laat deze downloadwizard even doen. En wacht tot hij volledig geïnstalleerd is. Om dit programma op je computer te kunnen draaien moet je computer wel voldoen aan een aantal systeemvereisten. Deze staan hieronder vermeld:

Besturingssysteem

Windows 2000 Service Pack 4
Windows XP Service Pack 2
Windows Server 2003 Service Pack 1
Windows x64 editions
Windows Vista

Processor

Computer met een 600 Mhz processor (1 GHz of hoger aanbevolen!)

RAM

Minimum: 192 MB
Aanbevolen: 256 MB (512 MB of meer met SQL Express)

Hard Drive

Minimum: 500 MB | Bevat Visual Web Developer Express en het .NET Framework 2.0
Full Installation: 1.3 GB | Bevat ook MSDN Express Library 2005 en Microsoft SQL Server 2005 Express Edition

Kennismaking

Je start VS.Net via de snelkoppeling op je bureaublad of in het Startmenu. Deze zal hoogstwaarschijnlijk de melding geven dat je momenteel bezig bent met een 30 dagen-trail. Je kan een serial gratis verkrijgen op de Microsoft Site. De link naar deze site staat in het formulier dat werd geopent en heet: "Register Now". Als je hier op klikt zal je je moeten aanmelden met je .Net Passport om zo een Serial te verkrijgen. Dit is volledig gratis!

Nu we het opstarten achter de rug hebben kunnen we beginnen met de echte kennismaking! Om een nieuw project te starten kan je op de Startpage op "Create: Project ..." klikken of in het Menu "File → New project". Er popt dan een nieuw scherm open waar je enkele dingen kan selecteren. Wij gaan ons bezighouden met een Windows Application dat standaard staat aangeduid. In de tekstbox daaronder kan je de naam van het project invullen, ik kies voor "HelloWorld". Klik op "Ok" en na een aantal seconden staat er een leeg Windows Form op je scherm.

Componenten
Als je goed kijkt zie je aan de rechterkant het woord "Toolbox" staan. Als je met je muis hierover gaat opent zich een lijst met componenten die je in je form kunt toevoegen. Moest je deze ooit kwijt zijn kan je hem altijd terughalen met de sneltoets: "Ctrl + Alt + X" of in het Menu "View → Toolbox". Aan je rechterkant daarentegen kan je iets totaal anders zien. Hier drink je standaard de "Solution Explorer", waar je al de forms en bestanden vindt die je programma gebruikt. Deze kan je terughalen met de sneltoets: "Ctrl + Alt + L" of in het Menu "View → Solution Explorer". Zoals je kan zien staan er al twee bestanden in de "Solution Explorer". Een bestand "My Project", dat alle gegevens over je Project bewaart en een bestand "Form1.vb", dat het Windows Form Design en Code bevat. Onder de "Solution Explorer bevinden zich de "Properties" (ook wel Eigenschappen genoemd) van het geselecteerde component. Standaard dat van het form.

Eigenschappen aanpassen
We zullen eerst en vooral de naam van ons form veranderen. Klik in de "Solution Explorer" met de rechtermuisknop op Form1.vb en kies "Rename". Selecteer het gedeelte "Form1" en verander dat in "HelloWorld", druk vervolgens op enter om de wijziging toe te passen. Klik in de "Designer" op het form en ga in de eigenschappen op zoek naar de eigenschap "Text" Verander de waarde in "Hello World". Druk nogmaals op enter! Zoals je kan zien verandert de tekst in de "Titelbalk" van het form! Je kan dus heel gemakkelijk de eigenschappen van zowel een form als van een ander component veranderen!

Het is aan te raden je Project regelmatig op te slaan, dit doe je door op de twee paarse disketjes te klikken. Er komt een dialoog tevoorschijn met de vragen: "Hoe ga je je project noemen?", "Waar ga je je project opslaan?" en "Hoe gaat je programma later heten?". Als je al deze tekstboxen hebt ingevuld druk je op "Save" waarna het project wordt opgeslagen.

Het volgende wat we gaan doen is het toevoegen van meerdere componenten aan het form. Ga met je muis nogmaals op Toolbox staan en selecteer "Label". Klik nu ergens in het form. Als je even geduld hebt zie je een "Label" verschijnen met de waarde "Label 1". Deze waarde gaan we aanpassen in de eigenschappen onder de eigenschap "Tekst". Verander hem in "Hello World". Als je goed kijkt zie je boven je form een groene "play-knop" staan. Deze wordt gebruikt voor het testen van je programma! Klik hierop! Je form wordt geopend maar veel kan je er nog niet mee aanvangen! Sluit het form via het kruisje!

Buttons
Daarom gaan we nu een button toevoegen. Via Toolbox selecteer je "Button" en voeg je die net zoals "Label" toe! Zoals je ook hier kan zien is de eigenschap "Tekst" nog standaard op "Button 1" ingesteld. Pas dit aan in "Verander!". Dubbelklik vervolgens op de button. Zoals je kan zien opent zich de Visual Basic code. De code tussen:

Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click

End Sub

wordt uitgevoerd telkens als er op de button geklikt wordt. Hier zullen we dus moeten werken. We gaan proberen de tekst van het label te veranderen in "Hallo Wereld!". We gaan als volgt te werk:
Bovenaan kan je enkele tabs zien staan, klik op de tab "HelloWorld.vb [Design]". Klik in het form vervolgens op het label en ga in de eigenschappen op zoek naar "Name". Verander deze waarde naar een logische waarde zoals "lblHelloWorld" waarin "lbl" staat voor "label". Nu kunnen we het label gemakkelijk gebruiken in onze code. Gebruik de tabbladen om terug naar de code te gaan (tabblad "HelloWorld.vb"). Kopieer vervolgens deze code:

lblHelloWorld.Text = "Hallo Wereld!"

Als je alles hebt gedaan zoals ik je hierboven heb uitgelegd zou de volledige code er zo uit moeten zien:

Public Class HelloWorld

Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click
lblHelloWorld.Text = "Hallo Wereld!"
End Sub
End Class

Als je het programma nu runt (op de groene play-knop drukken) krijg je hetzelfde form als daarstraks maar nu staat er een button bij! Als je op de button klikt verandert de tekst van het label in "Hallo Wereld!" Sluit het programma met het kruisje. Dit is natuurlijk enkel nog maar statisch programmeren. In de volgende stap gaan we dynamisch programmeren.

Tekstboxen
Om dynamisch te programmeren moet de gebruiker zelf iets kunnen inbrengen. We hebben dus een TextBox nodig! Deze kan je net zoals de twee vorige componenten ook vinden onder "Toolbox". Voeg deze ook toe aan het form en verander in zijn eigenschappen de eigenschap naam in "txtInvoer" waarbij "txt" staat voor "TextBox". Vervolgens voeg je een tweede button toe waarbij je de eigenschap "Text" aanpast naar "Vul in!". Je dubbelklikt op deze button en komt zo terug in de code, je kopieert deze code:

lblHelloWorld.Text = txtInvoer.Text

In totaal zou je dan deze code moeten bekomen:

Public Class HelloWorld

Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click
lblHelloWorld.Text = "Hallo Wereld!"
End Sub

Private Sub Button2_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button2.Click
lblHelloWorld.Text = txtInvoer.Text
End Sub
End Class

Zoals je ziet geef ik de eigenschap "Text" van lblHelloWorld de waarde die staat ingevuld in txtInvoer in de eigenschap "Text". Dit ziet er allemaal heel simpel uit maar hier kan je heel veel mee doen! In volgende artikels zal ik met jullie wat dieper ingaan op het verwerken van invoer, het uitvoeren van bewerkingen met invoer en nog veel meer!

Deze tutorial in beeld:
Klik hier voor een Filmpje van deze tutorial!

Dit project kan je hier downloaden (om te openen dubbelklik op het bestand "HelloWorld.sln" om het project te openen):
Klik hier om het Project te downloaden

© 2007 - 2008 Duckness, gepubliceerd in Programmeren (Pc en Internet) op 20-02-2007. Het auteursrecht van dit artikel ligt bij de infoteur. Zonder toestemming van Duckness is vermenigvuldiging van dit artikel verboden. Meer...

Verwante artikelen

Gratis skins voor XP en Vista: Ben je het beu van je originele XP of Vista-look? Dan is dit artikel zeker iets voor jou! Hier krijg je een aantal mooie looks voor zowel XP als voor Vista. Met een simpele gra…
Office Accounting, gratis boekhoudpakket helpt u verder: Nu wordt niet iedereen warm bij de gedachte van boekhouden. Maar als beginnende ondernemer, of als drukke particulier, ontkomt u er niet aan. Voor u i…
Visual Subst, uw favoriete map in Deze Computer: U heeft een map op uw computer staan waar veel bestanden in staan die u vaak gebruikt. Om iedere keer helemaal naar die map te gaan kost veel tijd. Koppel daa…
Microsoft: The Story: Microsoft: wie kent het bedrijf niet? Bill Gates en Paul Allen richtten het bedrijf op in 1975, en nu is het het grootste bedrijf op de computer- en softwaremarkt. Hier info over het on…
Office 2007: alles: Microsoft Office 2007 is de opvolger van Office 2003 en wordt samen met Windows Vista gelanceerd. Voor de gewone gebruiker kwam Office 2007 uit op 29 januari 2007, voor bedrijven al op 30…

Reageer op het artikel "VB Net Deel 1: Kennismaking met Visual Studio Express"

Door Jerry op 26-02-2008

Klaar en duidelijk