Passa ai contenuti principali

Appunti di WPF – Terza Puntata – Hello World!

In questo tutorial vediamo come creare la nostra prima applicazione WPF.

Apriamo Visual Studio 2010, scegliamo “New Project” dalla schermata iniziale (o dal menù File->New Project) e selezioniamo il progetto di tipo “WPF Application”:

WPF_03_HelloWorld_Fig1

Digitiamo il nome del progetto HelloWorld al posto di WpfApplication1 e premiamo Ok per far si che Visual Studio 2010 crei l’infrastruttura del progetto:

WPF_03_HelloWorld_Fig2
Vediamo in dettaglio quali file vengono creati da Visual Studio e la loro funzione nel nostro progetto. L’elenco dei file del progeto è riportato all’interno della finestra Solution Explorer:

WPF_03_HelloWorld_Fig3

· Application.xaml : è il file xaml dell’applicazione in cui viene definita quale è la finestra principale e vengono definite le risorse dell’applicazione;

· Application.xaml.vb : è il file di codice che definisce la classe dell’applicazione. In questo file può essere inserito del codice per gestire gli aventi dell’applicazione come lo startup o lo shutdown;

· MainWindow.xaml : è il file xaml che definisce la finsetra principale dell’applicazione;

· MainWindow.xaml.vb : è il file di codice della finestra principale (code behind).

Facciamo doppio click sul file MainWindow.xaml per aprire, al centro della finestra di Visual Studio 2010, la finestra di progettazione dell’interfaccia xaml:

WPF_03_HelloWorld_Fig4 
La finestra è divisa in due sezioni:

· Design : mostra il layout dell’interfaccia che stiamo creando;

· XAML : mostra il codice XAML della finestra.

Proviamo, ora, ad aggiungere un bottone alla nostra finestra.

Tra le finestre messe a disposizione da Visual Studio troviamo la finestra degli strumenti:

WPF_03_HelloWorld_Fig5

Portiamo il mouse al di sopra dell’oggetto Button e tenendo premuto il tasto sinistro del mouse trasciniamolo al di sopra della finestra che stiamo progettando e rilasciamo il tasto sinistro.

Otteniamo, in questo modo, che il bottone viene inserito all’interno dell’interfaccia:

WPF_03_HelloWorld_Fig6

Innanzitutto osserviamo che trascinare il bottone sull’interfaccia fa si che il designer inserisca un tag Button all’interno del file XAML. In particolare osserviamo che vengono definite anche alcune proprietà del controllo Button, tra cui altezza, larghezza, margini, nome e allineamento del testo. Un ruolo particolare riveste la proprietà Content che rappresenta ciò che verrà visualizzato all’interno del bottone. Vedremo nei tutorial successivi che il Content (così come altre proprietà) può essere un qualsiasi oggetto .NET (anche complesso).

Per migliorare l’interfaccia modifichiamo le proprietà del bottone nel seguente modo:

  1. <Button Content="Premi" Height="50"
  2.         HorizontalAlignment="Left" Margin="202,130,0,0"
  3.         Name="btnPremi" VerticalAlignment="Top"
  4.         Width="100" />

A questo punto gestiamo la pressione del tasto btnPremi. Per fare ciò è sufficiente fare doppio click al di sopra del pulsante nella finestra di design. Questa operazione crea, come accadeva anche nella progettazione delle Windows Forms, un gestore di evento per l’evento Click del pulsante nel code behind della finestra. Completiamo il gestore di eventi nel seguente modo:

  1. Private Sub btnPremi_Click(ByVal sender As System.Object,
  2.                            ByVal e As System.Windows.RoutedEventArgs) Handles btnPremi.Click
  3.     MessageBox.Show("Hello World!!")
  4. End Sub

La nostra applicazione è, dunque, pronta per essere testata. Premiamo F5 e premiamo il tasto Premi nel momento in cui appare la nostra finestra:

WPF_03_HelloWorld_Fig7


Scarica la solution per Visual Studio 2010 Scarica la versione PDF dell'articolo. Scarica la versione Amazon Kindle dell'articolo.

Commenti

Post popolari in questo blog

MVP Reconnect …… ovvero quando entri nella “famigghia” resti sempre nella “famigghia”!!!

Ma di che “famigghia” stiamo parlando!!!!

Fermi tutti, non si tratta di robe strane o sette segrete o affari malavitosi….stiamo parlando della grande famiglia dei Microsoft MVP.

Per chi non sapesse cosa sono i Microsoft MVP, vi consiglio di fare un giro sul sito ufficiale del programma (link), ma, volendolo spiegare in pochisime parole, si tratta di un riconoscimento che Microsoft da a persone che si distinguono per il loro impegno, aiutando gli altri ad ottenere il massimo grazie alle tecnologie Microsoft. Si tratta di persone, non dipendenti Microsoft, che mettono la loro passione, il loro tempo, la loro buona volontà per la divulgazione e la condivisione della conoscenza. Non necessariamente (come qualcuno erroneamente sostiene, evidentemente non conoscendo le basi del programma) si tratta di professionisti nel termine letterale del termine ma si tratta comunque di un gruppo di persone che sacrifica un pò del suo tempo (e, a volte, vi assicuro neanche pò!!!) per la sua passione.

Pe…

Template di progetto per sviluppare applicazioni WPF con Intel® RealSense™

E’ disponibile, nella gallery di Visual Studio, la prima versione del mio template di progetto per applicazioni WPF scritte in C# che permette di realizzare applicazioni con l’SDK di Intel® RealSense™.Il template si può scaricare direttamente all’interno Visual Studio utilizzando il tool “Extensions and Updates”oppure all’indirizzo https://visualstudiogallery.msdn.microsoft.com/1c36ecfd-8c00-4aee-b20c-a1726ab6424dIl template esegue le seguenti operazioni per voi:Aggiunge la reference all’assembly libpxcclr.cs.dll (nelle due distinte versioni per x86 e x64);Aggiunge lo script di post build per copiare la libreria libpxccpp2c.dll dalla cartella dell’SDK alla cartella bin del vostro progetto.Una volta creato il progetto dovete rimuovere la configurazione di compilazione AnyCPU (che non ha più senso) dalla vostra solution e sarete pronti per sviluppare con Intel® RealSense™.Ovviamente dovete installare l’SDK che potete scaricare all’indirizzo https://software.intel.com/en-us/intel-realsen…

Nuova versione del Band SDK

E’ di ieri l’annuncio del rilascio della nuova versione dell’SDK per il Microsoft Band.
Si tratta della versione 1.3.10417 (la precedente e, prima della serie, era la 1.3.10219 preview).
Maggiori informazioni, download dell’SDK per le tre piattaforme Windows Phone, iOS e Android all’indirizzo http://developer.microsoftband.com/.
Allo stesso indirizzo potrete trovare anche la documentazione.
Nei mesi scorsi mi sono gia’ occupato della precedente versione e questi sono i post che ne parlano:
Microsoft Band SDK Preview - First LookMicrosoft Band SDK Preview - ”Hello Band”Microsoft Band SDK Preview - Accesso ai sensoriMicrosoft Band SDK Preview - TileMicrosoft Band SDK Preview - NotificheMicrosoft Band SDK Preview - Personalizzazione
Gli argomenti trattati e il codice proposto dovrebbe, ad una prima lettura delle nuove funzionalita’ inserite, essere ancora valido e funzionante ma nei prossimi giorni prendero’ in esame tutti gli argomenti dei precedenti post e vedremo cosa cambia e cosa e’ …