‫Ben tornato.
‫E in questo video parleremo della casella di riepilogo del pannello impilato, quindi del tre logico e del tre visivo.
‫Quindi, prima di tutto, andiamo avanti e liberiamoci di questa griglia perché non abbiamo ancora toccato la griglia.
‫Quindi non l'abbiamo ancora usato correttamente, ma lo faremo in uno dei prossimi video.
‫Quindi, invece di una griglia, voglio usare un pannello stick.
‫Un pannello di stato mi consente di impilare gli elementi uno sopra l'altro in modo che io possa
‫semplicemente andare avanti e aggiungere un blocco di testo qui, ad esempio, e scriverò semplicemente il testo come testo semplice Hello World.
‫Come puoi vedere, ora c'è il mio testo del mondo.
‫Quello che voglio anche fare è allinearlo.
‫Quindi l'allineamento orizzontale, userò il centro qui.
‫Quindi ora sto centrando il testo, come puoi vedere qui ora in Texas, centrato forse anche su un piccolo
‫margine verso tutte le direzioni, che è 20.
‫Quindi, come puoi vedere, sto usando un margine e dico solo 20, che dirà o che creerà un margine
‫verso tutte e quattro le direzioni di 20 pixel.
‫Ora, la prossima cosa è una casella di riepilogo e voglio usare una casella di riepilogo, solo così puoi vedere come appare.
‫Quindi questa casella di riepilogo qui è attualmente vuota, ma possiamo cambiarla molto facilmente creando un elemento ListBox lì
‫dentro.
‫Quindi andiamo avanti e creiamo un elemento ListBox.
‫E quell'elemento dovrebbe avere il contenuto di, diciamo, il contenuto è uguale all'elemento uno.
‫E ora invece di avere un tag di apertura e chiusura, voglio solo avere questa versione più breve.
‫Quindi uso questo l'anno scorso e lo studio visivo abbastanza intelligente da sbarazzarmi del tag di chiusura automaticamente.
‫Quindi ora questa casella di riepilogo ha questo elemento uno e lo copio e incollo più volte.
‫Quindi avrò l'elemento uno e due e tre.
‫E ora questa casella di riepilogo occupa l'intera larghezza.
‫Come puoi vedere, ci vuole l'intero genitore ed è solo tanto alto quanto richiesto.
‫Quindi significa che è necessario solo tanto spazio quanto gli elementi al suo interno sono nella loro altezza.
‫Quindi è più o meno, diciamo, questo elemento uno e l'elemento due e tre, sono ciascuno 30 pixel tie.
‫Quindi l'intera scatola sarebbe alta solo 90 pixel.
‫Ma possiamo cambiarlo, diciamo, regolando l'altezza.
‫E userò solo un'altezza di 100.
‫Come puoi vedere, è più alto dell'oggetto prima.
‫E ora creiamo anche una larghezza.
‫Anche cento pixel.
‫Quindi ora puoi vedere che questa scatola è molto più piccola e si adatta perfettamente.
‫Va bene.
‫Ora, se voglio avere un margine in tutte le direzioni, posso inserire anche questo elemento nel margine.
‫Ma come puoi vedere, poiché questo ha un blocco di testo mondiale ha un margine di venti verso tutte le direzioni.
‫C'è anche una distanza tra questi due elementi qui tra ListBox e il blocco di testo.
‫Ora, se eseguiamo quel codice, vedremo che abbiamo questa piccola finestra principale, che è bellissima e ha la
‫nostra casella di riepilogo con i suoi elementi.
‫Quindi, come puoi vedere qui al mondo, il blocco di testo e poi quegli elementi dell'elenco, puoi fare clic su
‫di essi, puoi persino selezionarli, come puoi vedere.
‫Ma non succede nient'altro perché non abbiamo ancora verificato l'evento, cosa che faremo nel prossimo video.
‫OK, quindi lo chiuderò di nuovo.
‫E ora parliamo rapidamente del trattamento logico e visivo.
‫Quindi quello che abbiamo qui è un albero logico o possiamo vedere l'albero logico in Zemel.
‫Quindi l'albero logico è una finestra all'interno di quella finestra.
‫Abbiamo un pannello impilato all'interno di quel pannello impilato.
‫Abbiamo un blocco di testo e una casella di riepilogo.
‫E all'interno di ListBox abbiamo effettivamente ListBox, elemento uno, ListBox, elemento due e tre.
‫Quindi questo è l'albero logico.
‫Hai praticamente più rami.
‫Va sempre più in profondità.
‫Quindi la finestra ha un ramo del pannello impilato che ha due rami, e uno di questi è ListBox, che
‫ha anche rami e così via.
‫Quindi, come ho detto di nuovo, questo è l'albero logico.
‫Ora diamo un'occhiata all'albero visivo, perché se, ad esempio, aggiungo un pulsante qui, mi servirà
‫per qualcosa in un secondo.
‫Quindi creo un nuovo pulsante.
‫Gli do il contenuto di Callignee.
‫E aggiungerò anche un metodo qui che verrà chiamato ogni volta che qualcuno fa clic.
‫Quindi sto usando clicca qui e sto creando un nuovo gestore di eventi.
‫E quello che fa per me, crea un nuovo metodo chiamato clic del pulsante.
‫Se guardi, sai, possiamo vedere che esiste un metodo chiamato Button Click, che ha un
‫mittente dell'oggetto e argomenti dell'evento indirizzati chiamati EHP.
‫Quindi ciò che praticamente fa è che questo metodo verrà chiamato ogni volta che faremo clic sul pulsante e tutto ciò che
‫abbiamo all'interno di questo corpo del metodo verrà eseguito.
‫Quindi diciamo che usiamo una finestra di messaggio, qualcosa che non abbiamo ancora usato e chiamiamo il suo metodo show.
‫Possiamo semplicemente mostrare una casella o una casella apparirà come un piccolo pop-up e ci mostrerà del testo.
‫Quindi qualcosa come grazie per avermi cliccato.
‫E il testo diceva, cliccami e il pozzo, il testo che apparirà in questo modo, grazie per aver cliccato la finestra del messaggio
‫mostrerà qualcosa di bello come grazie per avermi cliccato.
‫Quindi, come puoi vedere, questo pulsante cliccami è appena sotto la nostra casella di riepilogo.
‫Quindi no, per favore vai avanti e aggiungi una piccola distanza tra loro.
‫Va bene, spero che tu provi a farlo e possiamo dare il nostro margine botanico e userò di nuovo 20, oppure
‫avremmo potuto dare un margine al nostro ListBox, ma dare il margine al pulsante dovrebbe andare
‫perfettamente bene.
‫Quindi ora se esegui il codice, otterremo questo bellissimo pulsante cliccami qui.
‫Quindi abbiamo il mondo intero con il testo e così via o la casella di riepilogo.
‫E ora se facciamo clic su Cliccami, viene visualizzata questa finestra di messaggio e dice qualcosa del tipo, grazie per avermi cliccato
‫e possiamo fare clic su OK per chiudere di nuovo quella finestra di messaggio.
‫Quindi apriamolo.
‫Come potete vedere.
‫Cliccami.
‫Grazie per avermi cliccato.
‫Quindi questa è una finestra di messaggio e possiamo usarla in un modo, diciamo, simile a quello che abbiamo usato la
‫linea rossa della console e le nostre applicazioni della console a scopo di test.
‫Quindi è piuttosto bello.
‫Se vogliamo aprire qualcosa dopo un evento, apriamo semplicemente una finestra di messaggio così sappiamo, OK.
‫Ha funzionato alla grande.
‫Quindi questo è il pulsante e il nostro tre logico.
‫Ora diamo un'occhiata all'albero visivo.
‫Quindi, per ottenere l'albero visivo, ci sono diversi modi.
‫Ma quello che userò è che aggiungerò un punto qui, un punto di debug, così verrà eseguito il debug
‫ogni volta che questa riga di codice viene eseguita.
‫Quindi lasciami avviare il codice o avviare il nostro programma.
‫Ora clicco sul pulsante e il nostro programma si ferma e entriamo in modalità debug.
‫E qui posso andare al visualizzatore gratuito di WP.
‫Quindi quello che farò è fare clic su di esso e si apre il visualizzatore, che ha il
‫trattamento visivo, che ha anche quelle proprietà in alto a destra o sul lato destro.
‫Come puoi vedere, ci sono così tante proprietà per il nostro pulsante, ad esempio, o per la nostra casella di riepilogo,
‫anche molte proprietà.
‫E mi dice anche tutti i valori di quelle proprietà.
‫E non abbiamo nemmeno impostato nessuno di questi.
‫Beh, a parte il margine forse.
‫Ma a parte questo, non c'è niente che abbiamo impostato.
‫E come puoi vedere, lo sfondo è ampio.
‫Va sempre bene.
‫Quindi potremmo cambiarlo anche nel codice.
‫E comunque, ciò che è importante qui ora è il nostro albero visivo.
‫E puoi vedere alcuni aspetti del nostro albero logico qui, così come, per esempio, puoi vedere la finestra principale,
‫poi vedi il pannello impilato e lì vedi la casella di testo senza trama e il pulsante.
‫Ma c'è molto di più, come puoi vedere, la finestra principale ha un bordo, che non vediamo
‫nell'albero logico, ma facciamo un singolo albero.
‫Quindi ha un decoratore donatore, un centro contenuti, che mostra effettivamente il contenuto, che è il
‫pannello impilato.
‫E il pannello impilato, di nuovo, ha un blog di testo, una casella di riepilogo, che ha un bordo.
‫Quindi questa casella ha una visualizzazione a scorrimento.
‫Quindi, se ci sono troppi elementi da mostrare nell'altezza che ha fatto, avrà una capacità di
‫scorrimento, quindi è una griglia che contiene un rettangolo e un presentatore di contenuti di scorrimento, che ha un elemento per
‫il presentatore che visualizza il pannello dello stack.
‫E poi lì dentro troviamo il nostro elemento ListBox uno, che ha di nuovo un bordo che ha un presentatore di contenuto.
‫E infine, possiamo trovare il blocco di testo.
‫Vedete, qui c'è un albero molto, molto lungo, moltissimi rami.
‫Ma alla fine, quello che puoi trovare sono tutti i diversi elementi che sono visivamente nel tuo programma.
‫E questo può essere molto utile se vuoi saperne di più su ciò che è rappresentato o utilizzato in generale nel
‫tuo programma e su ciò che hai aggiunto al tuo programma, ma in genere è così che puoi scoprire
‫tutto sul trattamento visivo.
‫Come puoi vedere, abbiamo una griglia all'interno della nostra casella di riepilogo, che non abbiamo impostato noi stessi, ma è proprio
‫lì.
‫Destra.
‫E se fai clic sulla griglia, puoi anche trovare le proprietà di quella griglia sul lato destro.
‫Okeydokey.
‫Quindi era praticamente tutto per l'albero visivo.
‫L'albero logico
‫Abbiamo il pannello USEC e ListBox.
‫Useremo quel pannello molto di più in futuro.
‫Quindi abituati a questo.
‫E sì.
‫E nel prossimo video, daremo un'occhiata agli eventi.
‫Quindi ci vediamo lì.