绘制圆圈以适合xaml中的网格

Question

我有这个网格：

<UserControl
x:Class="Test.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:Test"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d" Background="#FF341616">

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    <Ellipse                    
        Name="Red"
        Grid.Row="0" 
        Margin="10,10,10,10"
        Grid.Column="0"
        Fill="#73b43c"/>
</Grid>
</UserControl>

但是当它缩放时，它会扭曲。

我该如何解决？我不想用图片替换它。

Answer 1

如果您希望在不扭曲的情况下进行缩放，请将其放在<Viewbox Grid.Row="0" Grid.Column="0" Margin="10,10,10,10"> <Ellipse Name="Red" Width="100" Height="100" Fill="#73b43c"/> </Viewbox> ：

中

Stretch

Viewbox的{​​{1}}属性可以设置不同的值，具体取决于您希望内容的展开方式。你可能想要Uniform，看起来像这样：