Displaying circular image in Windows Phone 8.1 app

You may for some reason wish to display circular images in your Windows Phone 8 app.

Here’s a simple way of doing that using XAML.

Windows Phone 8

Windows Phone 8.1

Set the radius and center to half of height and width. In this example we have set height and width to 48px so we see Center at (24,24) and the radius ie RadiusX and RadiusY to 24.

Here’s a preview of how it looks


Vivek Maskara

I am pursuing BTech in Software Engineering from Delhi Technological University. I develop apps, create websites and blog about my app experiences.

Read more:
How to create your first Windows Phone app
How to change the App name and Tile name of your Windows phone app
Data binding in Windows Phone app – One way binding