UWP Immagini circolari per le nostre app

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
uwp_imm_circolari
Oppure in quella dei contatti
uwp_imm_circolari_2

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!!

Integrare il login tramite Google nelle Universal Windows app

Con molto orgoglio che vi segnalo il mio primo guest post sul blog msdn 😀
http://blogs.msdn.com/b/italy/archive/2015/04/09/guest-post-integrare-il-login-tramite-google-nelle-universal-windows-app.aspx

Slide sessione Universal App .Net Day 2015

Sono disponibili le slide della mia sessione sulle Universal App al .Net Day 2015

 

Download

Benvenuti

Benvenuti nel mio nuovo sito!!