wpf - 图像拉伸(stretch)和居中？

Question

我有以下 XAML 代码:

<Image Source="a.jpg" HorizontalAlignment="Center"  VerticalAlignment="Center" Stretch="Uniform"/>

我在视觉上得到了这个:

(http://img810.imageshack.us/img810/2401/imagestretchuniform.png)
与 Stretch="None" ， 我懂了 :

(http://img28.imageshack.us/img28/1783/imagestretchnone.png)
现在，我想要的是使图像垂直或水平居中 Stretch="Uniform" !只有“最小”的一侧(带有 Uniform )才会居中，对。但目前，正如您在屏幕截图中看到的那样，图像只是放在左上角，即使我定义了 HorizontalAlignment和 VerticalAlignment至"Center"我该怎么办 ？
整个代码是:

<UserControl [...]>
    <Canvas Width="640" Height="480" Background="#FF881607">
        <Image Source="a.jpg" HorizontalAlignment="Center"  VerticalAlignment="Center" Stretch="Uniform"/>
    </Canvas>
</UserControl>

Answer 1

如果你把它放在一个网格中，它会自动居中。

<Grid>
    <Image Source="a.jpg"/>
</Grid>

带有更多网格的完整控件:

<UserControl>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <Grid Grid.Row="0">
            <Image Source="a.jpg" Stretch="Uniform"/>
        </Grid>
        <Grid Grid.Row="1" Margin="10">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition/>
                <ColumnDefinition Width="Auto"/>
            </Grid.ColumnDefinitions>
            <Button Grid.Column="0" Content="Start"/>
            <Button Grid.Column="2" Content="Stop"/>
        </Grid>
    </Grid>
</UserControl>