‫Bentornato al capitolo WP se in questo video, imposteremo tutto per l'applicazione Hello World, quindi devi
‫aprire il programma di installazione di Visual Studio e poi qui troverai installato
‫e la tua comunità di Visual Studio 2017.
‫E qui semplicemente modifica o fai clic su altro e quindi fai clic su Modifica che preparerà le cose e quindi potrai
‫installare i carichi di lavoro.
‫E qui è importante installare anche il DOT in quel carico di lavoro di sviluppo desktop.
‫Ciò ti consentirà di creare moduli WP Windows e così via.
‫Quindi, se non lo hai, cerca semplicemente WP F qui o cerca dot net qui e installa
‫lo sviluppo desktop dot net, una volta fatto, puoi chiuderlo e puoi andare avanti e aprire un
‫nuovo progetto.
‫E ora, dopo averlo installato, vedrai qualcosa chiamato WP Fab Dot Net Framework qui, quindi puoi
‫andare in Visual C Sharp e lì troverai l'app YPF e chiamerò solo
‫uno F zero uno.
‫E andiamo avanti.
‫Apriamolo e il designer caricherà e poi troverai questo file Dot Zemel della finestra principale e ora potresti chiederti quale sia il
‫file di esempio e cos'è tutta questa cosa qui.
‫Bene, questa è la nostra interfaccia utente grafica della GUI.
‫E qui possiamo trascinare cose come una casella di testo o possiamo trascinare pulsanti, ma possiamo anche farlo
‫nel codice normale.
‫Stavamo cercando di esemplificare molto di più nei prossimi video, ma per ora, creiamo qualcosa qui,
‫che è un inferno di testo mondiale e quindi puoi aprirti.
‫La casella degli strumenti sul lato sinistro, e qui troverai tutti i diversi controlli e così via che puoi
‫trascinare nella finestra principale, come puoi vedere, si chiama finestra principale.
‫E se cerchi questo titolo, lo troverai anche qui nel tuo esempio.
‫Quindi, come puoi vedere, qui è diviso.
‫C'è una parte e c'è una parte di design.
‫Quindi questa finestra di progettazione è ciò che puoi vedere qui.
‫E poi c'è questa finestra, che puoi vedere qui.
‫E questo è più o meno il freddo che compone questa finestra che puoi vedere qui.
‫Quindi usa più nomi, volti fino a qui.
‫Quindi è la classe della finestra principale.
‫Questa è più o meno la classe che usiamo qui.
‫Come puoi vedere qui, la finestra principale, quell'esempio, e c'è un cappotto dietro il vetro.
‫Lo esamineremo in un secondo.
‫E poi c'è il titolo Altezza.
‫E con così abbiamo definito la larghezza della nostra finestra.
‫Qui definiamo l'altezza e, naturalmente, questo titolo qui in alto.
‫Ora, apriamo di nuovo il design.
‫Clicchiamo su Design.
‫Puoi anche fare doppio clic su di esso.
‫Poi lo vedi in un'intera finestra e in una grande finestra.
‫E poi per aprire la cassetta degli attrezzi, puoi premere control alt x oppure puoi semplicemente andare a visualizzare e poi qui troverai
‫la cassetta degli attrezzi.
‫Quindi aprirò la cassetta degli attrezzi.
‫Come puoi vedere ora è lì e voglio trascinare un blocco di testo.
‫E noi siamo questo è il nostro blog di testo, e puoi vedere che puoi cambiarne la posizione e ora se lo trasciniamo
‫qui, possiamo vedere che le cose cambiano anche qui nella griglia.
‫Quindi se lo sposto, come puoi vedere, il margine è cambiato.
‫Il ritorno a capo del testo è impostato per andare a capo, quindi è allineato verticalmente verso l'alto e verso sinistra,
‫allineato orizzontalmente verso sinistra.
‫Quindi, come puoi vedere, puoi giocare con il valore qui.
‫E lo posizionerò più o meno al centro.
‫E quello che fa semplicemente, aggiunge quei margini, come puoi vedere, uno virgola quarantasette verso
‫l'alto e duecentoventicinque verso sinistra.
‫Quindi ora se voglio cambiare il testo, posso semplicemente cambiare il testo qui o posso fare doppio clic qui e poi
‫cambiare il testo qui.
‫Quindi dirò solo qualcosa del tipo, Ciao mondo.
‫E se entro o clicco da qualche altra parte, come puoi vedere, ha questo entra qui.
‫Quindi me ne libererò di nuovo in questo modo e cliccherò per decidere.
‫Quindi, come puoi vedere, occupa solo lo spazio che richiede.
‫Quindi sta avvolgendo il testo qui e questo ha a che fare con questo testo a capo o uguale a capo.
‫Va bene.
‫Quindi esamineremo l'esempio e così via.
‫Ma prima di tutto, avviamo questa applicazione ed eseguiamo il codice e poi vedrai che abbiamo
‫una piccola finestra cattiva e che siamo finestra principale e ciao mondo.
‫Come puoi vedere, questo è solo un semplice testo che dice qui che è impostato qui nella nostra GUI e puoi
‫persino regolarlo.
‫Come puoi vedere, non è centrato.
‫È sempre posizionato nello stesso punto perché ha solo questo margine verso l'alto e verso
‫sinistra, che sono fissi in questo momento.
‫La finestra principale è chiamata Finestra principale a causa del titolo che ha.
‫Quindi ora è una piccola sfida per te.
‫Cambia il testo in ciao e il tuo nome e poi cambia il titolo nella mia prima GUI.
‫Va bene, spero che tu l'abbia provato, quindi facciamolo.
‫Cambiamo il testo e lo farò qui nel blocco di testo della proprietà text, e questo
‫sarà Hello, Dennis, nel mio caso.
‫E ora il titolo dovrebbe essere qualcosa come la mia prima GUI, la mia prima interfaccia utente grafica della GUI.
‫Ora iniziamo e siamo la mia prima interfaccia grafica e ciao, Dennis.
‫Grande.
‫Quindi ora è tutto pronto per dirigere altre cose qui, come i pulsanti e tutte quelle grandi cose.
‫E vedremo come creare ottimi prodotti nei prossimi video.
‫Quindi ci vediamo lì.