Con Windows 10 Microsoft ho inserito alcuni cambiamenti nelle linee guida consigliate nello sviluppo di app ed una di queste è di rendere le immagini che rappresentano gli utenti circolari.
Possiamo vederne un esempio nell’app mappa
Oppure in quella dei contatti
Per realizzare lo stesso effetto nelle nostre applicazioni possiamo usare tutta la potenza dello xaml ed inserire un oggetto Ellipse da riempire con un ImageBrush che ha come sorgente una BitmapImage, quindi con poche righe di codice come queste.
I parametri DecodePixelHeight e DecodePixelWidth ci permettono di ottimizzare la decodifica dell’immagine per le dimensioni scelte.
A questo punto possiamo decidere se inserire l’immagine da codice valorizzando semplicemente la proprietà UriSource per utilizzare un’immagine remota o una locale
//Immagine da url
userPicture.UriSource = new Uri("http://www.miosito.it/image.jpg");
//immagine da assets
userPicture.UriSource = new Uri("ms:appx://Assets/Images/pippo.png");
oppure inserirla fissa direttamente nello xaml modificando il codice in
Adesso le vostre applicazioni avranno uno stile conforme alle altre app di sistema, buon coding!!
Ti consiglio di non usare la BitmapImage all’interno della ImageSource (ma di fare il binding ImageSource -> Uri dell’immagine) perché altrimenti alcune immagini rischiano di stretcharsi creando un brutto effetto.
Ciao,
scusa ma non ho capito come setteresti direttamente l’url dell’image source