windows-store-apps - 如何在 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>