Cursus Visual Basic 2005: Hoofdstuk 1

Hoofdstuk 1: Installeren, programmeeromgeving, eigenschap, methode, besturingselementen en plaatsen "Controls" op een formulier

1. Installeren

Downloaden van VB 2005 Express van de site van MS. Zie ook afbeelding hieronder:

Even later verschijnt er onderaan op het scherm: Download complete. You can now disconnect from the Internet.

Tijdens de installatie kregen wij waarschuwingen van AD-AWARE (anti-spyware programma). We kozen telkens voor ACCEPT.

Deze versie kan je op ± 30 min. installeren !!! De installatie is veel gebruiksvriendelijker dan bij de VB.net 2002 Standard. Visual Studio 2005 is echter een groter pakket en de installatie duurt dan ook beduidend langer. Het pakket heeft een aantal extra mogelijkheden. Om deze cursus te begrijpen hebt u dit pakket niet nodig.

Als de installatie gelukt is, bekomt u onderstaande afbeelding:

Deze software kan u gratis gebruiken. De termijn is echter beperkt. Meer info vindt u op de site van Microsoft.

Als u VB2005 de eerste maal opent verschijnt afbeelding 3:

Inderdaad, zo eenvoudig gaat het! Verderop zal u zien dat deze programmeertaal zeer gebruiksvriendelijk is. Om uw geduld niet langer op de proef te stellen starten we nu.

Klik op Start ⇒ All Programs ⇒ Microsoft VB 2005 Express
U komt nu in de startpagina terecht.

Klik op File in het menu.
Kies voor "New Project". U zal steeds voor New Project moeten kiezen als u een nieuw project aanmaakt. Een nieuw project kan u ook openen door op het linker icoontje (afbeelding) onder File te klikken. Vervolgens kiest u nu voor "Windows Application".

Indien u echter in een bestaand project verder wil werken, dient u te klikken op "Open Project". U kan ook klikken op Recent Project --> Project (naast Open)

2. Onderdelen van de programmeeromgeving

Uw venster bestaat uit 4 stukken:

Solution Explorer
Properties
Toolbox (U ziet enkel het tabblad aan de linker kant)
Form (venster met het formulier)

In dit werk kiezen we steeds voor Windows Application.

Het duurt eventjes voor WindowsApplication1 wordt opgestart.

U ziet nu onmiddellijk een formulier (Form1). Hier kan u besturingselementen toevoegen. De besturingselementen staan in de Toolbox. Links op uw scherm staat het woord Toolbox in een tabblad. Als u dit aanklikt ziet u Pointer, Button, Checkbox enz... Dit zijn allemaal controls. Het woord controls (mv) is het Engels woord voor besturingselementen.

Als u klikt op het item All Windows Forms ziet u een lange lijst met besturingselementen (controls). In dit basiswerk zullen we slechts een beperkt aantal van deze elementen gebruiken. Wij zullen vooral common controls gebruiken. Het lijstje common controls vormt een afzonderlijk rubriekje in de Toolbox.

3. Eigenschappen, methodes en gebeurtenissen

Alle "controls" hebben eigenschappen (Properties). Zo hebben we de eigenschappen achtergrondkleur, hoogte enz... Ook mensen hebben eigenschappen, zoals lengte, gewicht, haarkleur enz... Deze eigenschappen vindt u terug in het venster met als naam "Properties" (eigenschappen). Dit venster vindt u rechtsonder op het scherm. Indien het verdwenen is kan u het terugroepen met "View" --> "Properties Window". Om alle "Properties" van een bepaald object te zien moet het geselecteerd zijn. U selecteert een object in het ontwerpvenster door erop te klikken. Het geselecteerde object staat omgeven door een grijze rand en 8 duidelijk zichtbare vierkantjes. Daar Visual Basic het Engels als voertaal gebruikt, zullen we in deze cursus opzettelijk de Engelse en de Nederlandse namen door elkaar gebruiken zodat u met beide vertrouwd raakt.

Nog enkele begrippen:

Als methodes (Methods) heb je bv. "Move". Een "Event" is een gebeurtenis. De "Editor" is de plaats waar de programmacode staat. Als u dubbelklikt op de "Form" komt u in de "Editor" terecht. Als u nog niets hebt ingegeven ziet de "Editor" eruit zoals in codevenster 1.

Codevenster1

Doordat we dubbel geklikt hebben op "Form1" wordt automatisch een procedure aangemaakt. Deze ziet u staan in het codevenster. De procedure begint met "Private Sub" en eindigt met "End Sub". Deze procedure is echter een "event"-procedure want "Load" is een gebeurtenis (Event) die geactiveerd wordt bij het laden (Load) van het formulier (Form). Ziet u naast de woorden Private Sub de uitdrukking Form1_Load ? Alle code die we schrijven in de witte ruimte tussen "Private Sub" en "End Sub" zal uitgevoerd worden bij het laden (inlezen) van het formulier. Als we straks een oefening maken wordt het allemaal duidelijker. Om terug het formulier te zien klikt u bovenaan op Form1.vb [Design]. Tijdens het opmaken van een formulier en het schrijven van de code zullen we vaak moeten wisselen tussen het codevenster en het formulier(venster).

4. Besturingselementen (controls)

We gebruiken formulieren om gemakkelijk te communiceren met de computergebruiker. Op deze formulieren staan besturingselementen (controls). Aan deze besturingselementen kennen we properties (eigenschappen) toe. Eén besturingselement kan meerdere Properties bevatten. Deze eigenschappen kan men toekenen in het eigenschappen venster (Properties Window) of in de code. Het kunnen toekennen in de code is belangrijk. We hebben dus formulieren (Forms) en besturingselementen (Controls).

In het formulier plaatst u de besturingselementen. De belangrijkste controls (besturingselementen) zijn:

De naam van de "Control" wordt ingegeven bij de eigenschappen naast "Name". Deze naam wordt gevormd door naamconventie gevolgd door het (onderlijningsteken) en vervolgens de naam. U bent niet verplicht om de naamconventie te gebruiken. Het gebruik van deze conventie maakt de communicatie met andere programmeurs wel veel gemakkelijker. Gebruik geen spaties in de naam van uw besturingselement of formulier.

Een formuliernaam vormt u op dezelfde manier als de naam van een besturingselement. De naamconventie van een formulier is "frm". Deze conventie plaatst u steeds vooraan bv. frm_opstart. De naam die u geeft aan het formulier is niet de naam die voor de gebruiker verschijnt.

De formuliertekst, zichtbaar voor de gebruiker, geeft u in bij "Text" in het eigenschapvenster of in de code. Als u bv. een opstartformulier maakt kan u het deze naam geven : Frm_opstart U kan er in de code de eigenschap "Text" aan toekennen. Dit wordt dan: Me.Text = "naam"

Het gebruik van de eigenschappen Name en Text ziet u hieronder.

Codevenster 2

Waarom: Me.Text ?

Me staat voor het huidige formulier. Wat we naast de eigenschap "Text" ingeven, ziet de gebruiker bovenaan het formulier. De formuliernaam staat naast de eigenschap "Name" in het eigenschapvenster. Dit wordt duidelijker als we een oefening maken. Het is belangrijk dat u in de code deze naam tussen dubbele aanhalingstekens (kwootjes) plaatst. Deze dubbele kwootjes zijn verplicht bij een "String". U leert straks meer hierover bij variabelen.

De gebruiker is de persoon die het programma gebruikt. Wij beschouwen onszelf vanaf nu als programmeur. Om te zien hoe het formulier eruit ziet bij de gebruiker, klikt u op Debug --> Start Debugging (F5). Terzelfder tijd test u hiermee of er fouten zitten in het programma. Over fout opsporing zien we meer verderop in deze cursus.

5. Plaatsen van besturingselementen op een formulier

Als u nog geen formulier hebt aangemaakt :

Klik Project (in menu) --> Add Windows Form ...--> Dubbel klikken op Windows Form

Als de code zichtbaar is i.p.v. het formulier :

Klikt u op "View Designer". Dit icoontje staat linksboven in "Solution Explorer". Dit ziet u als u erop gaat staan met de muis zonder te klikken. De betekenis van om het even welk icoontje kan u zien door er met de muis op te gaan staan zonder te klikken.

Plaatsen van de Control:

· U klikt op een besturingselement (Control) in de Toolbox (staat links op het scherm).
· Vervolgens klikt u in het formulier (Form) en houdt de muis ingedrukt terwijl u deze 'Control' sleept over het formulier.

Verplaatsen, vergroten of verkleinen van de Control :

Door in dit besturingselement te gaan klikken, kan u ze naar om het even waar verplaatsen op de 'Form'. Als u deze Control hebt geactiveerd (staat dan omgeven door een grijze rand) kan u deze Control verplaatsen, vergroten of verkleinen.

6. Oefening

Maak een formulier (form) en geef ze de naam: Frm_opstart . Voor de gebruiker komt bovenaan het scherm Opstartscherm. De code hiervoor: Me.Text ="Opstartscherm" U kan ook kiezen om dit aan te passen in het eigenschappenvenster (Properties Window).
Plaats 2 tekstvakken in het formulier. Voor het aanmaken van deze tekstvakken klikt u op ' TextBox' onder het knop "Windows Forms" in de "Toolbox" (links op scherm).
Plaats vervolgens - zoals in punt 5 - de Control TextBox op het scherm.
Nadat u de eerste TextBox hebt aangemaakt, doet u hetzelfde voor de tweede.
Maak nu ook de "Button" aan. Deze staat ook in de "ToolBox". Klik op deze "Control". De rest weet u nu reeds.

Het resultaat ziet u in onderstaande afbeelding: