Ora che ci siamo soffermati su XAML Event and Input Controls, in questo articolo della serie di sviluppo Mango App per Windows Phone 7.5, daremo un'occhiata al controllo dell'immagine che consente di visualizzare le immagini nell'applicazione Silverlight Windows Phone 7.
Quindi iniziamo!
Crea un nuovo progetto Windows Phone 7 con un nome univoco come "ImageControlDemo". Ora trascina e rilascia il controllo immagine dalla casella degli strumenti alla superficie del disegno. Ora per visualizzare un'immagine nel controllo dell'immagine usiamo la proprietà 'Origine' di Image Control. Questa proprietà può essere trovata nella finestra Proprietà subito prima della proprietà 'Stretch'. La proprietà Source definisce da dove verrà l'immagine da visualizzare nel controllo immagine. Facendo clic sui puntini di sospensione accanto alla proprietà Origine si apre una nuova finestra che ci chiede di scegliere l'immagine. Fai clic sul pulsante Aggiungi immagine per aggiungere un'immagine al progetto.
Dopo aver selezionato un'immagine, accadono un paio di cose interessanti. Prima di tutto, Visual Studio crea automaticamente una cartella con il nome Immagini e aggiunge il file immagine selezionato. In secondo luogo crea un URI (Uniform Resource Identifier) / percorso per accedere all'immagine, qualcosa come "/Images;component/Images/Picture1.jpg". L'immagine / si riferisce al pacchetto di distribuzione e ciò che segue dopo il punto e virgola farà riferimento a quel file all'interno del pacchetto di distribuzione una volta che è stato distribuito sul telefono, cioè il file xap. Dopo aver fatto clic sul pulsante OK della finestra Scegli immagine, l'immagine viene caricata nel controllo immagine.
Un'ultima cosa prima di concludere questa lezione. Nel caso in cui desideri impostare l'immagine tramite il codice C #, tutto ciò che devi fare è creare un oggetto dell'oggetto BitmapImage e specificare l'URI nel costruttore sovraccaricato. Una volta creato l'oggetto BitmapImage, tutto ciò che devi fare è equipararlo alla proprietà source di Image Control.
BitmapImage myImage = new BitmapImage (new Uri ("/ Images; component / Images / Penguins.jpg", UriKind.Relative));
image1.Source = myImage;
È un controllo piuttosto semplice e ha la sua utilità servita in molti posti.
È tutto per ora, nel prossimo tutorial impareremo di più su Stili e Risorse.
Articoli correlati:
- GPS, Location API e Calling Web Services: Esercitazione per lo sviluppo di app per Windows Phone - 25
- Impara a sviluppare applicazioni Mango per Windows Phone 7.5: Parte 1
- Windows Phone Tutorial 8: creazione di un pulsante personalizzato in Expression Blend-I
- Windows Phone Tutorial 4: Progettazione dell'interfaccia utente
- Lavorare con stili e risorse: Esercitazione sullo sviluppo di app per Windows Phone - Parte 19