How to create a circular border around a UI element?

Question

How do I go about creating a circular Border that can hold other UI elements?

Something like this:

Is there some easy way of achieving a similar effect?

Answer 1

easy way to do that;

<Border x:Name="circularBorder" 
   CornerRadius="{Binding Path=ActualHeight, ElementName=circularBorder}" 
   Width="{Binding Path=ActualHeight, ElementName=circularBorder}">
</Border>

Now you have a circular border in all type of screens