如何在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>