Content in a Circle

Feature Suggestions
1

It would be nice to place content into a circle :slight_smile:

<Circle>
    <StackPanel>
        ... content ...
    </StackPanel>
</Circle>

Error: ‘Circle’ does not have any content properties that accept ‘StackPanel’

2

Hi Daniel,

Thank you for mentioning this Feature Request. We will look into it and get back to you as soon as possible.

3

At the moment you can use the Mask effect to achieve a circular clipping region. Create a PNG with the alpha mask you desire then:

<Panel>
    <StackPanel>...</StackPanel>
    <Mask File="my_circle.png" Mode="Alpha"/>
</Panel>

You can put the Mask directly on the StackPanel of course, but you’ll likely want to constrain the size of the outer Panel somehow.

4

I know it’s not directly related to your request, but it’s worth mentioning that for the special case of putting image content into a Circle, you can use the brush ImageFill:

<Circle>
    <ImageFill File="myprofilepicture.png" />
</Circle>

For this special case it usually produces a cleaner edge than using a .png as a mask.