如何自动调整图像大小以适合Silverlight网格单元中已调整大小的画布

Question

例如，我有一个网格，其中一个单元包含一个图像。 因为我已经将单元格背景设置为一种颜色，所以我可以看到当用户调整浏览器大小时，网格正在调整大小，但是如何获得图像的调整大小呢？

我忘了说我的图像在画布内，并且当画布自动调整为网格单元时，我的图像不会自动调整为画布。

Answer 1

如果将Image直接放置到网格中，则其默认的Stretch行为（即Stretch="Uniform"将确保其随网格一起调整大小。 尝试使用以下XAML进行验证：

  <Grid x:Name="LayoutRoot" ShowGridLines="True">
    <Grid.RowDefinitions>
      <RowDefinition Height="*"/>
      <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

    <Image Source="MyImage.png"
           Grid.Row="0"/>
  </Grid>

但是，根据您更新的问题...，您的图像在画布中。 画布面板旨在提供其子元素的绝对位置。 您无法拉伸或对齐画布中的元素。

底线-使用其他面板作为容器！

Answer 2

我找到了答案：

<Canvas Name="canvas" >
    <Canvas.Background>
        <ImageBrush ImageSource="/hsl;component/face-recognition.jpg" />
    </Canvas.Background>      
</Canvas>