在UWP应用的椭圆元素中放置一个BitmapIcon

Question

在我的UWP应用中，我希望将“位图”图标放置在Ellipse元素内。有什么方法可以使用Ellipse的Fill属性来实现此目的，还是可以通过其他方式实现这一目标？

我只希望使用位图图标，因为我需要使用Foreground属性更改图标的颜色。有什么方法可以使用BitmapIcon创建ImageBrush，因为这将使我可以用ImageBrush填充Ellipse，并帮助我实现所需的UI。

Answer 1

Ellipse是Shape对象，因此不能包含内容或子元素。但是，如果要将BitmapIcon放置在椭圆形Control内，那么我认为您应该使用Border控件。

Border控件具有CornerRadius属性。使用它，您可以将其形状变成椭圆形甚至圆形：

上面的输出是通过以下代码实现的：

<Border
    Width="200"
    Height="200"
    CornerRadius="100"
    BorderBrush="White"
    BorderThickness="1">

    <BitmapIcon 
        UriSource="ms-appx:///Assets/StoreLogo.png"
        Foreground="DodgerBlue"/>

</Border>

满足您的需求吗？