About

venerdì 17 febbraio 2012

Tutorial zero: Hello world con Windows Phone 7


 Benvenuto sul wp7 blog. Oggi faremmo il primo tutorial della serie “Come creare un’applicazione WP7?

Strumenti da avere: Microsoft Visual Studio Express for Windows Phone, Siverlight , wp7 tools
Gli strumenti si possono trovare qui 

Prerequisiti: Sapere che cos’è la programmazione, saper che cos’è XML e aver già usato un ambiente di sviluppo.

Difficoltà: Facile

Dopo aver installato gli strumenti da avere e aver letto un po’ di cose sui prerequisiti,  Segui le prossime tappe:

1.  Aprire  Microsoft Visual Studio Express for Windows Phone e creare un nuovo progetto



2.    Scegliere un modello(template) e un nome per l’applicazione da creare. Per questo tutorial, scegliamo il nome: “Hello World”


Pausa
{
Prima di andare avanti, vediamo la struttura del nostro ambiente di sviluppo:


La casella 1 rappresenta la soluzione o meglio la sua struttura ad albero.
La soluzione è la cartella del nostro progetto. In questa casella possiamo scegliere quale file vogliamo modificare in un certo momento. Inoltre possiamo espanderlo creando nuove cartelle e nuovi file quando serve.

La casella 2 rappresenta l’interfaccia grafica dell’applicazione. Quello che l’utente finale vede si puo modificare direttamente su questa casella.

La casella 3 è la casella degli strumenti che usiamo per popolare l’interfaccia grafica con l’operazione Clicca e Trascina (Drag and Drop)

La casella 4 rappresenta il codice dietro all’interfaccia grafica. Questo significa che per creare un’interfaccia grafica, possiamo anche scrivere solo codice in questa casella. Ma di solito si usa per modificare cose non modificabile nella casella 3. Questo codice è scritto in linguaggio XAML estensione dell’XML.

La casella 5 rappresenta le proprietà di un oggetto selezionato nella casella 1, 2 o 4. In questa casella possiamo modificare comodamente certe proprietà di alcuni elementi.
 }

3.      Nella casella dell’interfaccia grafica, cliccare sulla scritta APPLICAZIONE e andare nella casella del codice XAML e modificare la parte Text=”APPLICAZIONE” con Text = “Hello World”.
Fare la stessa cosa con la scritta NOME PAGINA e sostituire con Ciao mondo.


4.     Ora apriamo la casella degli strumenti e trasciniamo sull’interfaccia grafica l’elemento TextBlock


5. Fare l’operazione spiegata nella tappa 3 e modificare la scritta textBlock con “Questa applicazione è facile da creare


6.     Ora abbiamo finito, vediamo il risultato. Cambiare la destinazione del progetto all’emulatore WP7 e compilare il tutto.


Ecco il risultato finale:


Grazie per l’attenzione.

0 commentaires:

Posta un commento