‫Welkom terug bij het WP als hoofdstuk in deze video, we gaan alles instellen voor de Hello
‫World-applicatie, dus daarom moet je het installatieprogramma voor visuele studio openen en dan vind
‫je hier geïnstalleerd en je visuele studio-community 2017.
‫En hier gewoon wijzigen of klikken op meer en vervolgens op Wijzigen klikken om dingen voor te bereiden en
‫dan kunt u workloads installeren.
‫En hier is het belangrijk om de DOT ook te installeren in die workload voor desktopontwikkeling.
‫Hiermee kunt u WP Windows-formulieren bouwen, enzovoort.
‫Dus als je dat niet hebt, zoek dan hier gewoon naar WP F of zoek hier naar het dot net
‫en installeer de dot net desktop development, als dat eenmaal is gebeurd, kun je dat sluiten en kun je doorgaan en
‫een nieuw project.
‫En nu, nadat je dat hebt geïnstalleerd, zie je hier iets genaamd WP Fab Dot Net Framework, dus je
‫kunt naar Visual C Sharp gaan en daar vind je de YPF-app en ik ga gewoon
‫de ene F nul noemen.
‫En laten we doorgaan.
‫Laten we het openen en de ontwerper zal laden en dan zul je dit Dot Zemel-bestand in het hoofdvenster vinden en nu vraag je je misschien
‫af welk voorbeeldbestand is en wat dit hele ding hier is.
‫Nou, dat is onze grafische gebruikersinterface met GUI.
‫En hier kunnen we dingen naar binnen slepen zoals een tekstvak of we kunnen knoppen naar binnen slepen, maar dat kunnen we ook
‫in de normale code doen.
‫We waren op zoek naar nog veel meer voorbeelden in de volgende video's, maar laten we voor nu gewoon hier
‫iets maken, wat een helse wereldtekst is en daarom kun je je openstellen.
‫De gereedschapskist aan de linkerkant, en hier vindt u alle verschillende bedieningselementen, enzovoort, die u naar uw hoofdvenster
‫kunt slepen, zoals u kunt zien, wordt het hoofdvenster genoemd.
‫En als u op deze titel zoekt, vindt u deze ook hier in uw voorbeeld.
‫Dus zoals je kunt zien, is het hier opgesplitst.
‫Er is een deel en er is een ontwerpdeel.
‫Dit ontwerpvenster is dus wat u hier kunt zien.
‫En dan is er nog dit venster, dat je hier kunt zien.
‫En dit is zo'n beetje de kou waaruit dit raam bestaat dat je hier kunt zien.
‫Dus het gebruikt meerdere namen, gezichten tot hier.
‫Dan is het de hoofdvensterklasse.
‫Dat is zo'n beetje de klasse die we hier gebruiken.
‫Zoals je hier kunt zien, het hoofdvenster, dat voorbeeld, en er is een jas achter glas.
‫We zullen dat zo bekijken.
‫En dan is er nog de titel Hoogte.
‫En daarmee hebben we de breedte van ons raam gedefinieerd.
‫Hier definiëren we de hoogte en natuurlijk deze titel hier bovenaan.
‫Laten we het ontwerp nu opnieuw openen.
‫Laten we op Ontwerp klikken.
‫Je kunt er zelfs op dubbelklikken.
‫Dan zie je het in een heel raam en een groot raam.
‫En om de gereedschapskist te openen, kun je op control alt x drukken of je kunt gewoon naar bekijken gaan en dan vind
‫je hier de gereedschapskist.
‫Dus ik ga de gereedschapskist openmaken.
‫Zoals je nu kunt zien, is het er en wil ik een tekstblok naar binnen slepen.
‫En we zijn, dat is onze tekstblog, en je kunt zien dat je zijn positie kunt veranderen en als we dat nu hierheen slepen,
‫kunnen we zien dat dingen hier ook in het raster veranderen.
‫Dus als ik het verplaats, zoals je kunt zien, is de marge veranderd.
‫De tekstterugloop is ingesteld op terugloop, vervolgens verticaal uitgelijnd naar boven en naar links, horizontaal
‫uitgelijnd naar links.
‫Dus zoals je kunt zien, kun je hier spelen met de waarde.
‫En ik ga het gewoon min of meer in het midden plaatsen.
‫En wat het gewoon doet, het voegt die marges toe, zoals je kunt zien, één punt zevenenveertig
‫naar boven en tweehonderdvijfenentwintig naar links.
‫Dus als ik nu de tekst wil veranderen, kan ik de tekst hier gewoon veranderen of ik kan hier dubbelklikken en dan
‫de tekst hier veranderen.
‫Dus ik ga gewoon iets zeggen als: Hallo wereld.
‫En als ik binnenkom of als ik ergens anders klik, zoals je kunt zien, komt dit hier binnen.
‫Dus ik ga er zo weer vanaf en klik om te beslissen.
‫Dus zoals je kunt zien, neemt het alleen de ruimte in beslag die het nodig heeft.
‫Dus het is de tekst inpakken hier en dat heeft te maken met deze tekstterugloop of gelijk aan wrap.
‫Oke.
‫Dus we zullen naar voorbeelden kijken, enzovoort.
‫Maar laten we eerst deze applicatie starten en de code uitvoeren en dan zul je zien dat we
‫een klein gemeen venster hebben en dat we het hoofdvenster zijn en hallo wereld.
‫Zoals je kunt zien, is dit slechts een simpele tekst die hier staat en die hier in onze GUI staat en je kunt dat
‫zelfs aanpassen.
‫Zoals je kunt zien, is het niet gecentreerd.
‫Het is altijd op dezelfde plek gepositioneerd omdat het alleen deze marge naar boven en
‫naar links heeft, die nu vast zijn.
‫Het hoofdvenster wordt Hoofdvenster genoemd vanwege de titel die het heeft.
‫Dus nu is het een kleine uitdaging voor jou.
‫Verander de tekst in hallo en je naam en verander dan de titel in mijn eerste GUI.
‫Oké, ik hoop dat je het geprobeerd hebt, dus laten we dat doen.
‫Laten we de tekst veranderen en ik ga het hier in het tekstblok doen, de eigenschap tekst, en deze
‫zal Hallo, Dennis zijn, in mijn geval.
‫En nu zou de titel zoiets moeten zijn als mijn eerste GUI, mijn eerste grafische gebruikersinterface met GUI.
‫Laten we nu beginnen en we zijn mijn eerste GUI en hallo, Dennis.
‫Geweldig.
‫Dus nu is alles ingesteld om hier nog wat dingen in te sturen, zoals knoppen en al die geweldige dingen.
‫En in de volgende video's zullen we zien hoe we geweldige producten kunnen maken.
‫Dus ik zie je daar.