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