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

时间:2019-03-02 06:41:31

标签: c# windows uwp win-universal-app uwp-xaml

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

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

1 个答案:

答案 0 :(得分:1)

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

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

enter image description here

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

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

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

</Border>

满足您的需求吗?