‫Welkom terug.
‫En in deze video gaan we het hebben over een gestapelde paneellijst, dan de logische drie en de visuele drie.
‫Dus laten we allereerst doorgaan en dit raster verwijderen, want we hebben het raster nog niet aangeraakt.
‫We hebben het dus nog niet correct gebruikt, maar dat gaan we doen in een van de volgende video's.
‫Dus in plaats van een raster wil ik een stokpaneel gebruiken.
‫Met een statuspaneel kan ik elementen op elkaar stapelen, zodat ik gewoon door kan gaan en
‫hier bijvoorbeeld een tekstblok kan toevoegen, en ik ga gewoon de tekst schrijven zoals Hello World eenvoudige tekst.
‫Zoals je kunt zien, is er nu mijn tekst van de wereld.
‫Wat ik ook wil doen, is dat ik het wil uitlijnen.
‫Dus horizontale uitlijning, ik ga hier het midden gebruiken.
‫Dus nu centreer ik de tekst, zoals je hier nu kunt zien naar Texas, gecentreerd op misschien ook een
‫kleine marge naar alle richtingen, dat is 20.
‫Dus zoals je kunt zien, gebruik ik een marge en zeg ik gewoon 20, wat zal zeggen of wat een marge
‫zal creëren naar alle vier de richtingen van 20 pixels.
‫Nu, het volgende is een keuzelijst, en ik wil een keuzelijst gebruiken, zodat je kunt zien hoe die eruitziet.
‫Dus deze listbox hier is momenteel leeg, maar we kunnen dat heel gemakkelijk veranderen door er een ListBox-item in te
‫maken.
‫Dus laten we doorgaan en een ListBox-item maken.
‫En dat item moet de inhoud hebben van, laten we zeggen, content is gelijk aan item één.
‫En nu wil ik in plaats van een openings- en sluitingstag, deze kortere versie hebben.
‫Dus ik gebruik dit vorig jaar en visuele studio slim genoeg om de afsluitende tag automatisch voor mij te verwijderen.
‫Dus nu heeft deze lijst dit item één en ik ga het gewoon meerdere keren kopiëren en plakken.
‫Dus ik heb punt één en twee en drie.
‫En nu neemt deze listbox de hele breedte in beslag.
‫Zoals je kunt zien, is de hele ouder nodig en het is alleen zo hoog of zo hoog als nodig is.
‫Het betekent dus dat er slechts zoveel ruimte nodig is als de elementen erin hoog zijn.
‫Dus het is zo'n beetje, laten we zeggen, dit item één en item twee en drie, ze zijn elk 30-pixel gelijkspel.
‫Dus deze hele doos zou slechts 90 pixels hoog zijn.
‫Maar dat kunnen we veranderen door, laten we zeggen, de hoogte aan te passen.
‫En ik ga gewoon een hoogte van 100 gebruiken.
‫Zoals je kunt zien, is het hoger dan het object ervoor was.
‫En laten we nu ook een breedte maken.
‫Ook honderd pixel.
‫Dus nu kun je zien dat deze doos een stuk kleiner is en er precies in past.
‫Oke.
‫Als ik nu een marge naar alle richtingen wil hebben, kan ik dit element ook in de marge geven.
‫Maar zoals je kunt zien, omdat dit een wereldtekstblok heeft, heeft het een marge van twintig naar alle richtingen.
‫Er is ook een afstand tussen die twee elementen hier tussen de ListBox en het tekstblok.
‫Als we nu die code uitvoeren, zullen we zien dat we dit kleine hoofdvenster hebben, dat mooi
‫is en onze keuzelijst met zijn elementen heeft.
‫Dus zoals je hier bij de wereld kunt zien, het tekstblok en dan die lijstelementen, je kunt erop klikken, je
‫kunt ze zelfs selecteren, zoals je kunt zien.
‫Maar verder gebeurt er niets omdat we het evenement nog niet hebben uitgecheckt, wat we in de volgende video zullen
‫doen.
‫OK, dus ik ga dat weer sluiten.
‫En laten we het nu snel hebben over de logische en visuele traktatie.
‫Dus wat we hier hebben is een logische boom of we kunnen de logische boom in Zemel zien.
‫Dus de logische boom is een venster binnenin dat venster.
‫We hebben een gestapeld paneel in dat gestapelde paneel.
‫We hebben een tekstblok en een keuzelijst.
‫En binnen de ListBox hebben we eigenlijk de ListBox, item één, ListBox, item twee en drie.
‫Dus dat is de logische boom.
‫Je hebt vrijwel meerdere vestigingen.
‫Het gaat dieper en dieper.
‫Het venster heeft dus een vertakking van een gestapeld paneel dat twee vertakkingen heeft, en een daarvan is
‫ListBox, die ook vertakkingen heeft, enzovoort.
‫Dus zoals ik al zei, dit is de logische boom.
‫Laten we nu eens naar de visuele boom kijken, want als ik hier bijvoorbeeld een knop toevoeg, dan heb
‫ik die straks ergens voor nodig.
‫Dus ik maak een nieuwe knop.
‫Ik geef het de inhoud van Callignee.
‫En ik ga hier ook een methode toevoegen die wordt aangeroepen wanneer iemand klikt.
‫Dus ik gebruik klik hier en ik maak een nieuwe gebeurtenishandler.
‫En wat dat voor mij doet, het creëert een nieuwe methode genaamd button click.
‫Als je kijkt, weet je, we kunnen zien dat er een methode is met de naam Button Click, die
‫een objectafzender en gerouteerde gebeurtenisargumenten heeft die EHP worden genoemd.
‫Dus wat dit vrijwel doet, is dat deze methode wordt aangeroepen wanneer we op de knop klikken en dat alles
‫wat we in deze methode hebben, wordt uitgevoerd.
‫Dus laten we zeggen dat we een berichtvenster gebruiken, iets dat we nog niet hebben gebruikt en we noemen de methode show.
‫We kunnen gewoon een vak laten zien of een vak zal verschijnen als een kleine pop-up en die ons wat tekst zal laten zien.
‫Dus zoiets als bedankt dat je op me hebt geklikt.
‫En de tekst zei, klik op mij en de put, de tekst die zo zal verschijnen, bedankt voor het klikken op het berichtvenster zal iets
‫moois laten zien, zoals bedankt voor het klikken op mij.
‫Dus zoals je kunt zien, staat deze klik op mij-knop net onder onze lijst.
‫Dus nee, ga je gang en voeg een beetje afstand tussen hen toe.
‫Oké, ik hoop dat je dat probeert en we kunnen ofwel onze plantkundemarge geven en ik ga gewoon weer 20 gebruiken, of
‫we hadden onze ListBox een marge kunnen geven, maar de knop de marge geven zou helemaal goed
‫moeten zijn.
‫Dus als u nu de code uitvoert, krijgen we deze prachtige klik op mij-knop hier.
‫Dus we hebben de hele wereld met de tekst enzovoort of de keuzelijst.
‫En als we nu op Klik op mij klikken, verschijnt dit berichtvenster en zegt u iets als, bedankt voor het klikken
‫op mij en we kunnen op OK klikken om dat berichtvenster weer te sluiten.
‫Dus laten we het openmaken.
‫Zoals je kan zien.
‫Klik hier.
‫Bedankt dat je op me hebt geklikt.
‫Dat is dus een berichtvenster en we kunnen dat op een, laten we zeggen, vergelijkbare manier gebruiken als
‫de rode lijn van de console en onze console-applicaties voor testdoeleinden.
‫Dus het is best cool.
‫Als we iets willen openen na een evenement, openen we gewoon een berichtvenster zodat we het weten, oké.
‫Het werkte geweldig.
‫Dus dat is de knop en onze logische drie.
‫Laten we nu eens kijken naar de visuele boom.
‫Dus om de visuele boom te krijgen, zijn er meerdere manieren.
‫Maar degene die ik ga gebruiken, is dat ik hier een punt ga toevoegen, een debug-punt, dus het zal
‫debug tegenkomen wanneer deze regel code wordt uitgevoerd.
‫Dus laat me de code starten of ons programma starten.
‫Nu klik ik op de knop en ons programma stopt en we komen in de foutopsporingsmodus.
‫En hier kan ik naar de WP Free Visualizer gaan.
‫Dus wat ik ga doen, is dat ik daarop klik en het opent de visualizer, die de
‫visuele traktatie heeft, die ook die eigenschappen aan de rechterbovenkant of aan de rechterkant heeft.
‫Zoals je kunt zien zijn er zoveel eigenschappen voor bijvoorbeeld onze button, of voor onze listbox
‫ook genoeg eigenschappen.
‫En het vertelt me zelfs alle waarden van die eigenschappen.
‫En die hebben we niet eens ingesteld.
‫Nou ja, behalve de marge misschien.
‫Maar verder is er niets dat we hebben opgezet.
‫En zoals je kunt zien, is de achtergrond breed.
‫Dat is altijd goed.
‫Dus we zouden dat ook in code kunnen veranderen.
‫En trouwens, wat hier nu belangrijk is, is onze visuele boom.
‫En je ziet hier enkele aspecten van onze logische boomstructuur, evenals bijvoorbeeld het hoofdvenster, dan zie
‫je het gestapelde paneel en daar zie je het tekstvak zonder plot en de knop.
‫Maar er is veel meer, zoals je kunt zien, het hoofdvenster heeft een rand, die we niet zien in de
‫logische boom, maar we doen een individuele boom.
‫Dan heeft het een donordecorateur, een inhoudscentrum, dat de inhoud dan daadwerkelijk laat zien, wat het gestapelde
‫paneel is.
‫En het gestapelde paneel heeft opnieuw een tekstblog, een keuzelijst met een rand.
‫Dan heeft dit vak een scroll-weergave.
‫Dus als er te veel elementen zijn om te laten zien in de hoogte die het
‫heeft gedaan, zal het een scroll-mogelijkheid hebben, dan is het een raster dat een rechthoek bevat en een scroll-inhoudpresentator, die een
‫item heeft om het stapelpaneel te visualiseren.
‫En dan vinden we daar onze ListBox-item één, die weer een rand heeft met een inhoudspresentator.
‫En tot slot kunnen we het tekstblok vinden.
‫Dus je ziet, het is hier een heel, heel lange boom, heel veel takken.
‫Maar wat u uiteindelijk kunt vinden, zijn alle verschillende elementen die visueel in uw programma staan.
‫En dit kan erg handig zijn als u meer wilt weten over wat er in het algemeen wordt weergegeven of gebruikt in
‫uw programma en wat u aan uw programma hebt toegevoegd, maar zo kunt u in het algemeen alles te weten
‫komen over de visuele behandeling.
‫Zoals je kunt zien, hebben we een raster in onze lijst, dat we niet zelf hebben opgezet, maar het is er
‫gewoon.
‫Rechts.
‫En als u op het raster klikt, vindt u ook de eigenschappen van dat raster aan de rechterkant.
‫Okidoki.
‫Dus dat was het zo'n beetje voor de visuele boom.
‫De logische boom.
‫We hebben een USEC-paneel en ListBox.
‫We zullen dat paneel in de toekomst veel meer gebruiken.
‫Dus wen er maar aan.
‫En ja.
‫En in de volgende video zullen we evenementen bekijken.
‫Dus tot ziens daar.