Visual Basic/De user-interface verkennen: verschil tussen versies

Naar navigatie springen Naar zoeken springen
geen bewerkingssamenvatting
kGeen bewerkingssamenvatting
Geen bewerkingssamenvatting
{{Visual Basic01}}
 
== De user-interface verkennen ==
 
=== Inleiding ===
 
Start Visual Studio op en klik onder ''Start'' op ''New Project...''.
Er verschijnt een venster waarin gevraagd wordt welk soort project je wilt starten. Zorg ervoor dat aan de linkerkant ''Templates'' is geselecteerd. Hier heb je de mogelijkheid om te kiezen tussen Visual Basic, C# en C++. Selecteer zonodig ''Visual Basic''. Je ziet in het midden de verschillende sjablonen voor Windows Forms Application, WPF Application, Console Application en Class Library. We richten ons eerst vooral op ''Windows Forms Applications''. Selecteer deze en klik ''OK''.
 
=== Onderdelen van het scherm ===
Het duurt even, maar dan zie je in het midden van het scherm het deel waar je je formulier ontwerpt. Daarboven op het tabblad staat '' Form1.vb [Design]''. ''Form1.vb'' is de naam van het formulier en ''[Design]'' geeft aan dat dit venster bedoeld is om het formulier te ontwerpen.
 
Het duurt even, maar dan zie je in het midden van het scherm het deel waar je je formulier ontwerpt. Dit het de '''Designer'''. Daarboven op het tabblad staat '' Form1.vb [Design]''. ''Form1.vb'' is de naam van het formulier en ''[Design]'' geeft aan dat dit venster bedoeld is om het formulier te ontwerpen.
Aan de rechterkant bovenin staat de ''Solution Explorer'''. van je ''Solution''. Hier zie je de onderdelen van je solution. Een solution bestaat uit één (meestal) of meerdere projecten. Zoals je ziet bestaat je project onder andere uit configuratiegegevens(''App.Config'') en je formulierbestand (''Form1.vb''). Als je klikt op het driehoekje vóór Form1.vb, klapt dit uit en zie je dat Form1.vb één formulier bevat, Form1 genaamd.
 
Rechtonder staan de properties (kenmerken) van het onderdeel dat je in de Solution Explorer aanklikt. Klik maar eens op Form1. Je ziet bij Properties een lijst eigenschappen. Als je maar één eigenschap (''Name'') ziet, moet je even op het tabblad ''For1.vb [Design]'' klikken. Je ziet nu een hele lijst properties die je kunt wijzigen. Scroll zonodig naar boven. Hier staat een property '''(Name)''' (Name staat alleen maar tussen haakjes om hem bovenin de lijst te krijgen). Selecter (dubbelklik) achter (Name) '''Form1''', type '''MijnFormulier''' en druk Enter. Er verandert schijnbaar niets, maar in je programma heet je formulier nu niet ''Form1'' maar ''MijnFormulier''. Het is goed ieder formulier zijn eigen naam te geven, vooral als je later meerdere formulieren in een programma gebruikt.
Aan de rechterkant bovenin staat de ''Solution Explorer'''. van je ''Solution''. Hier zie je de onderdelen van je solution. Een solution bestaat uit één (meestal) of meerdere projecten. Zoals je ziet bestaat je project onder andere uit configuratiegegevens(''App.Config'') en je formulierbestand (''Form1.vb''). Als je klikt op het driehoekje vóór Form1.vb, klapt dit uit en zie je dat Form1.vb één formulier bevat, Form1 genaamd.
Rechtonder staan de properties (kenmerken) van het onderdeel dat je in de Solution Explorer aanklikt. Klik maar eens op Form1. Je ziet bij Properties een lijst eigenschappen. Als je maar één eigenschap (''Name'') ziet, moet je even op het tabblad ''For1Form1.vb [Design]'' klikken. Je ziet nu een hele lijst properties die je kunt wijzigen. Scroll zonodig naar boven. Hier staat een property '''(Name)''' (Name staat alleen maar tussen haakjes om hem bovenin de lijst te krijgen). Selecter (dubbelklik) achter (Name) '''Form1''', type '''MijnFormulier''' en druk Enter. Er verandert schijnbaar niets, maar in je programma heet je formulier nu niet ''Form1'' maar ''MijnFormulier''. Het is goed ieder formulier zijn eigen naam te geven, vooral als je later meerdere formulieren in een programma gebruikt.
 
Een tweede wijziging: scroll naar beneden naar de property '''Text''' en wijzig deze in '''Mijn formulier'''. Als je nu naar de designer kijkt, zie je dat de naam in de kopbalk is gewijzigd van ''Form1'' in ''Mijn formulier''. Deze tekst krijgt de gebruiker te zien als hij de applicatie start.
End Class</pre>
 
In dit tabblad voer je je programmacode in. Je ziet nu de programma die Visual Studio al voor je heeft aangemaakt. Het is eigenlijk een ''skelet'' om een deel van je programma te schrijven. Daarop ga ik verder in in het volgende hoofdstuk. Als je werkelijk gaat programmeren, schrijf je je code tussen de regels die beginnen met ''Private Sub'' en ''End Sub''.
 
=== Designer en code-editor ===
 
Het middendeel van je scherm wordt voor meerdere toepassingen gebruikt. Er zijn eigenlijk meerdere vensters die je kunt selecteren door op de juiste tab boven het venster te klikken. Dit middendeel wordt voor twee doeleinden gebruikt:
* als '''Designer''', waarin je je formulier ontwerpt (het tabblad bevat de tekst '''[Design]'''. Je ziet hier het formulier dat je ontwerpt
* als '''code-editor''', waarin je je programma schrijft. Of beter: een deel van je programma. Je ziet hier de tekst van je bronprogramma
 
Tot`Boven slotin verwijshet ikscherm evenzie naarje de toolbarmenu-regel bovenin.(FILE, HierEDIT, vind je het menu-systeemENZ.), zoals je ziet bij alle Windows-programma's met daaronder een rij icoontjes (de toolbar) om snel bepaalde functies uit te voeren. Als je met de cursor op zo'n icoontje gaat staan, krijg je een korte toelichting wat dat icoontje doet.
 
=== Error list en Output ===
 
Onder in het scherm staat een vak met daaronder twee tabels '''Error List''' en '''Output'''.
Wat je hierboven ziet is de programmacode die wordt uitgevoerd als het formulier wordt geladen.
* de '''Error List''' toont foutberichten, bijvoorbeeld tijdens het compileren van het programma
* '''Output''' bevat de uitvoer van een bepaald soort instructies in je programma. Dit kun je b.v. gebruiken tijdens het testen van je programma. Ik kom daar later op terug
 
Tot slot verwijs ik even naar de toolbar bovenin. Hier vind je het menu-systeem zoals je ziet bij alle Windows-programma's met daaronder een rij icoontjes om snel bepaalde functies uit te voeren. Als je met de cursor op zo'n icoontje gaat staan, krijg je een korte toelichting wat dat icoontje doet.
 
Je bent nu bekend met de interface, dus we kunnen in het volgende hoofdstuk ons eerste programma schrijven.
363

bewerkingen

Informatie afkomstig van https://nl.wikibooks.org Wikibooks NL.
Wikibooks NL is onderdeel van de wikimediafoundation.

Navigatiemenu