如何在 Windows 应用商店应用中显示圆形图像

Question

我有一个图像控件和一个图像列表，我想在一个圆圈中显示图像。
这意味着我想在我的 Windows 商店应用程序中显示一个圆形图像。

是否可以？

Answer 1

将图像放置在 Border 元素中，并设置 CornerRadius：

对于 WinRT/Windows 应用商店应用：

<Ellipse Height="100"  Width="100">
            <Ellipse.Fill>
                <ImageBrush Stretch="Uniform" ImageSource="url"/>
            </Ellipse.Fill>
        </Ellipse>

对于 WPF：

<Border Height="100" Width="100" CornerRadius="50">
    <Border.Clip>
        <RectangleGeometry RadiusX="50" RadiusY="50" Rect="0,0,100,100"/>
    </Border.Clip>
    <Image Source="url"/>
</Border>