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

Question

在我的 UWP 应用程序中，我希望将位图图标放置在椭圆元素内。有什么方法可以使用椭圆的填充属性或任何其他允许我实现此目的的方法来实现吗？

我希望使用位图图标只是因为我需要使用前景更改图标的颜色属性。有什么方法可以使用 BitmapIcon 创建 ImageBrush，因为这可以让我用 ImageBrush 填充椭圆，并帮助我实现 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>

能满足您的需求吗？

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

Place a BitmapIcon in an Ellipse Element in UWP app

c#

windows

uwp

win-universal-app

uwp-xaml