Share
Mobiletuts + coprirà tutte le principali piattaforme mobili: iPhone, Windows, Android e Blackberry. Oggi daremo uno sguardo allo sviluppo di Windows Phone 7. Windows Phone 7 è l'ultimo sistema operativo mobile di Microsoft. È una rottura netta rispetto ai precedenti sistemi operativi Windows Mobile, come WinMo 6.5, e offre agli sviluppatori .NET la possibilità di entrare nell'esplosione delle applicazioni mobili che è accaduta negli ultimi anni. Questo tutorial ti introdurrà alla piattaforma Windows Phone 7, ti guiderà nell'installazione dell'SDK e dimostrerà il codice fondamentale necessario per creare una semplice applicazione.
Lo sviluppo di Windows Mobile 7 viene eseguito utilizzando il framework .NET. .NET framework è un framework software creato da Microsoft per la creazione di applicazioni Windows. I programmatori scrivono applicazioni utilizzando uno dei vari linguaggi supportati dal framework .NET, come C #, e le applicazioni vengono quindi eseguite all'interno di un ambiente di runtime chiamato Common Language Runtime. Per Windows Phone 7, ci sono due distinti approcci di sviluppo che puoi adottare quando crei la tua applicazione.
Il primo approccio consiste nell'utilizzare Silverlight per Windows Phone. Silverlight è stato inizialmente concepito come un modo per gli sviluppatori di creare ricche applicazioni Internet. Negli ultimi anni ha assistito a un netto aumento dell'adozione del mercato, determinata principalmente dal fatto che Netflix utilizza Silverlight per lo streaming di video e NBC ha utilizzato Silverlight per la trasmissione online dei giochi olimpici. Un'applicazione Silverlight combina markup dichiarativo (chiamato XAML) per costruire l'interfaccia utente e il codice scritto in un linguaggio framework .NET per controllare il comportamento di un'applicazione. Se stai sviluppando un'applicazione basata sui dati per Windows Phone 7, dovresti probabilmente utilizzare Silverlight.
In alternativa, è possibile utilizzare il framework XNA per sviluppare l'app per Windows Phone 7. XNA è il framework di sviluppo del gioco di Microsoft ed è stato utilizzato negli ultimi anni per creare applicazioni Windows e Xbox 360. Se stai creando un gioco per Windows Phone 7, probabilmente utilizzerai il framework XNA. Il framework XNA è piuttosto potente, ma tale potenza ha una considerevole curva di apprendimento e cicli di sviluppo più lunghi.
Iniziamo assicurandoti che il tuo ambiente di sviluppo sia impostato correttamente. Dovrai eseguire Windows Vista o Windows 7 e devi avere una scheda grafica compatibile con DirectX 10 installata sul tuo computer. Dopo aver verificato che si soddisfano questi requisiti, visitare http://bit.ly/9FXxQC per scaricare gli strumenti di sviluppo.
Scorri fino alla fine della pagina e scarica il file VM_BOOT \ vm_web.exe. Una volta scaricato il file, fare doppio clic su di esso per installare il pacchetto completo degli strumenti per sviluppatori di Windows Phone. Il pacchetto include:
Il computer verrà riavviato almeno una volta durante l'installazione degli strumenti. Dopo aver installato gli strumenti per sviluppatori sul tuo sistema, sei pronto per iniziare.
L'applicazione che creerai in questo tutorial è semplice. Mostra un semplice pulsante che puoi toccare. Quando lo tocchi, il pulsante ruota attorno all'interfaccia del telefono. Svilupperemo questa applicazione utilizzando Silverlight per Windows Phone. Dovrebbero essere necessari meno di 10 minuti per la creazione.
Per iniziare, apri Microsoft Visual Studio 2010 Express per Windows Phone. Il modo più semplice per trovarlo è aprire il menu Start e iniziare a digitare "Visual Studio". L'applicazione dovrebbe apparire nell'elenco dei risultati di ricerca, simile al seguente:
Fare clic sull'elemento Visual Studio 2010 per aprire l'ambiente di sviluppo. Se è la prima volta che apri l'applicazione, potrebbero essere necessari alcuni minuti per iniziare, in quanto Visual Studio inizializzerà alcune impostazioni.
Quando apri Visual Studio, sarai accolto con la pagina iniziale dell'applicazione. C'è molto contenuto in questa pagina, inclusi suggerimenti per lo sviluppo, notizie recenti e azioni relative al progetto. A volte è utile sfogliare il contenuto qui per saperne di più sulla piattaforma, ma per ora basta fare clic sul link "Nuovo progetto ..." nella barra laterale sinistra.
Apparirà una finestra di dialogo che ti guiderà attraverso la creazione del tuo nuovo progetto. Assicurati che l'elemento "Applicazione Windows Phone" sia selezionato come modello di progetto. Quindi, dai un nome al tuo progetto. Per questo tutorial, ti consiglio di chiamare il tuo progetto "Rotating_Button". Infine, conferma che la casella di controllo "Crea directory per soluzione" sia selezionata. Questo aiuta a organizzare i tuoi sforzi di sviluppo. Le tue impostazioni devono corrispondere al mio:
Fai clic su "OK" per creare il tuo nuovo progetto.
Il modello che hai selezionato ti fornisce un'applicazione completamente funzionante. Per vederlo in azione, basta premere CTRL + F5 per compilare l'applicazione e avviarla nell'emulatore di Windows Phone. L'emulatore viene avviato con una singola pagina contenente un titolo dell'applicazione e un titolo di pagina.
L'interfaccia utente predefinita non funzionerà per la nostra applicazione, quindi apportiamo alcune modifiche. Visual Studio dovrebbe aver aperto il file MainPage.xaml per la modifica quando hai creato il progetto. In caso contrario, fare doppio clic sul nome del file in Esplora soluzioni per aprirlo.
Dovresti vedere una visualizzazione a schermo diviso. Su un lato dell'ambiente di sviluppo puoi vedere come apparirà il file corrente quando verrà eseguita l'applicazione. Questa è la modalità di progettazione. Dall'altra parte c'è il markup XAML che dichiara come dovrebbe apparire la tua interfaccia. Le eventuali modifiche apportate su un lato verranno rappresentate sull'altro. Questo è simile a un editor HTML WYSIWYG come Dreamweaver.
La prima cosa che vogliamo fare è eliminare tutto all'interno della griglia di layout in modo da poter fornire il nostro markup. Dovresti vedere un tag Grid chiamato LayoutRoot. Elimina tutto all'interno di questo tag. Finirai con il seguente codice:
La vista modalità di progettazione dovrebbe mostrare una schermata vuota a questo punto.
Ora devi aggiungere l'interfaccia utente per la tua applicazione. La nostra applicazione consiste in un singolo pulsante che ruoterà attorno a una griglia. La griglia è 2 × 2, quindi andiamo avanti e dichiariamo che la griglia di layout dovrebbe avere due righe e due colonne. Modifica la markup della griglia di layout come segue:
Dopo aver definito la griglia di layout, è ora di creare il pulsante che verrà selezionato dai tuoi utenti. Vuoi che il pulsante inizi nella casella in alto a sinistra della griglia, quindi dichiarerai che va nella riga 0 e nella colonna 0.
In XAML, dici a un elemento di posizionarsi all'interno di una griglia dichiarando l'elemento e assegnandogli gli indici di riga e colonna appropriati. All'interno della griglia di layout, aggiungi un pulsante usando il seguente markup:
Questo markup dice che il pulsante dovrebbe posizionarsi nella colonna e nella riga 0, dovrebbe allungarsi sia orizzontalmente che verticalmente all'interno della cella della griglia che occupa, e che dovrebbe avere il testo "Tap Me!"
Il codice dell'interfaccia utente dell'applicazione dovrebbe essere simile al seguente:
A questo punto, puoi attivare la tua applicazione e vedere che la tua interfaccia utente è a posto. Proprio come prima, premi CTRL + F5 per compilare e avviare la tua applicazione nell'emulatore di Windows Phone. Se hai fatto tutto correttamente, vedrai un pulsante nel tuo emulatore annidato saldamente nell'angolo in alto a sinistra.
Puoi toccare il pulsante facendo clic con il mouse, ma non accadrà nulla. Rimederemo a ciò aggiungendo un codice di gestione degli eventi.
Torna a Visual Studio e assicurati di avere MainPage.xaml aperto in modalità design / codice. Devi aggiungere un attributo per la gestione degli eventi al pulsante che hai creato. Modifica la dichiarazione del pulsante, aggiungendo un attributo ManipulationStarted. Assicurati di consentire a Visual Studio di creare una funzione di gestione degli eventi per te. Il tuo markup dei pulsanti dovrebbe ora assomigliare a questo:
Ora, apri il codice dietro il file per MainPage.xaml. Si chiama MainPage.xaml.cs e puoi trovarlo in Solution Explorer facendo clic sulla freccia accanto a MainPage.xaml.
All'interno di MainPage.xaml.cs vedrai il gestore di eventi creato da Visual Studio. Probabilmente Visual Studio lo ha chiamato Button_ManipulationStarted e, per gli scopi di questa applicazione, dovrebbe andare bene. Cambia la dichiarazione della tua funzione come segue:
private void Button_ManipulationStarted (oggetto mittente, ManipulationStartedEventArgs e) Button b = mittente come Button; int col = Grid.GetColumn (b); int row = Grid.GetRow (b); if (col == row) Grid.SetColumn (b, ++ col% 2); else Grid.SetRow (b, ++ row% 2);
La prima cosa che fa questo metodo è creare una nuova variabile di tipo Button e assegnarla come riferimento alla variabile del mittente. Questo è importante perché Button deriva da UIElement e le operazioni successive richiedono un oggetto UIElement come parametro. Successivamente, il metodo ottiene la colonna corrente e l'indice di riga utilizzando un metodo statico della classe Grid. Infine, il metodo utilizza un semplice algoritmo per determinare dove spostare il pulsante e modificare l'indice di riga o colonna in modo appropriato. Sai che se gli indici di riga e colonna sono gli stessi, allora la colonna deve cambiare. Se gli indici di riga e colonna sono diversi, la riga deve essere modificata. In entrambi i casi si utilizza un altro metodo statico della classe Grid per impostare la riga o la colonna del pulsante. L'indice appropriato viene determinato utilizzando una semplice matematica.
A questo punto, abbiamo finito con l'applicazione di esempio. Premi CTRL + F5 per compilare e avviare la tua applicazione, quindi prova a fare clic sul tuo pulsante. Lo vedrai muoversi intorno alla griglia ogni volta che clicchi. Prova a utilizzare i controlli dell'emulatore per modificare l'orientamento del telefono e vedrai che l'applicazione si adatta senza problemi.
Abbiamo appena toccato il tema dello sviluppo di Windows Phone 7 in questo tutorial. Mentre ora hai familiarità con le basi della creazione di un'applicazione con Silverlight, probabilmente vorrai saperne di più sullo sviluppo di XAML, Silverlight, XNA e Windows Phone 7 in generale. Fortunatamente, ci sono già diverse risorse a cui puoi rivolgerti:
Accentsconagua