Win universal app win10应用程序-圆角图像保持纵横比

只显示图像列表的简单应用程序。图像列表必须保持纵横比，但必须是全窗口宽度+一点边距。最难的部分是使图像具有额外的圆角

想法

我唯一的成功就是使用ImageBrush，但是任何使用它的控件都不能保持纵横比。例如，这里必须设置高度和宽度

<Rectangle RadiusX="10" RadiusY="10" Stretch="Fill" Width="100" Height="100" >
    <Rectangle.Fill>
         <ImageBrush ImageSource="{Binding}"></ImageBrush>
     </Rectangle.Fill>
</Rectangle>

---

这里的完整来源：

我使用ImageBrush（在我的UWP应用程序中）在图像上获得了很好的圆角，但是如果您以编程方式进行此操作，请小心-我第一次这样做时，我的内存使用得很差，消耗太多（糟糕的编码）

我像你看起来一样使用ImageBrush，但是我没有得到任何纵横比的失真；确保正确设置了拉伸等属性，例如

Stretch.UniformToFill

<Rectangle x:Name="rctCardFace" Margin="0"  RadiusX="20" RadiusY="20" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
    <Rectangle.Fill>
        <ImageBrush Stretch="UniformToFill"/>
    </Rectangle.Fill>
</Rectangle>

---

您好，您可以使用以下代码在UWP中创建圆角图像：

<Ellipse Width="250" Height="250">
    <Ellipse.Fill>
        <ImageBrush ImageSource="ms-appx:///highfive.jpg" />
    </Ellipse.Fill>
</Ellipse>

<Ellipse Width="250" Height="250">
    <Ellipse.Fill>
        <ImageBrush ImageSource="ms-appx:///highfive.jpg" />
    </Ellipse.Fill>
</Ellipse>